Changing Colors & Footer

  • Posted in : cvCard WP
  • nycsmile6
    Participant

    Hi.

    Just started using the theme. Looks good so far, still editing. Have a few questions:

    1) Can we change the color of the tagline bar from that yellow to a different color or no color at all?

    2) Can we change the color of the menu titles? The background I selected makes it tough to see the lighter ones.

    3) There is a sitemap type footer that shows up on all my pages. It is very far to the left. Is there a way to remove it?

    4) Is there a different layout that I can use for the blog page?

    Thanks!
    Melisa

    This is my page: http://www.melisasingh.com

    nycsmile6
    Participant

    Hi.

    Just wanted to mention that I only need #1 & #2 answered.

    I figured out how to remove sitemap from removing extra items from cvCard widget (duh) and now that I have more posts with images, I like the way the blog page looks.

    Thanks!

    ahmetsali
    Keymaster

    Hi, try this custom css code;

    /* HEADER */
    .header { position: relative; width: 100%; background-color: #345; background-size: cover; background-position: center center;  }
    .header p { background: none; text-shadow: 0 2px 0 rgba(255, 255, 255, 0.2); }
            
    /* NAV */
    .vs-nav li a { 
    	color: rgba(0, 0, 0, 0.4); text-shadow: 0 2px 0 rgba(255, 255, 255, 0.2); 
    	}
    .vs-nav li a i { 
    	text-shadow: none; 
    	}
    .vs-triplelayout .vs-nav .vs-nav-current a,
    .vs-nav li.current_page_item a,
    .vs-nav li.current_page_item a:hover,
    .container.vs-move-left .vs-nav-right a,
    .container.vs-move-right .vs-nav-left a { 
    	color: #333; 
    	}
    .vs-nav li a:hover,
    .vs-nav li a:focus { 
    	color: rgba(0, 0, 0, 0.5); 
    	}
    
    /* HEADER SEARCH */
    #search-form #search {
        background: transparent; background: rgba(255,255,255, .1); border-color: #333; color: #333; border-width: 2px;
    	}
    #search-form #search:focus {
        background: transparent; background: rgba(255,255,255, .2); color: #333;
    	}
    #search-form #search::-webkit-input-placeholder { 
        color:    #666;
    }
    #search-form #search::-moz-placeholder { 
        color:    #666;
    }
    #search-submit {
    	color: #333;
    	}
    	
    /* CLASSIC LAYOUT NAV */
    .classic-layout .vs-nav li a { 
    	color: #333; border-color: #333; background: none; background: rgba(255, 255, 2555, 0.1); text-shadow: none; 
    	}
    
    /* SINGLE PAGE NAV */
    .single-page-layout .vs-nav li i {
    	background: none; color: #333; border-color: #333; border-width: 2px;
    }
    
    nycsmile6
    Participant

    Hmm,

    So I pasted that into the “cvCard: custom-editor-style.css” but I don’t see any changes.

    ahmetsali
    Keymaster

    just paste it to the “Custom CSS” box located under “Appearance > Theme Options > Style tab.”

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register