Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #4669

    I love the primary color and that your theme auto-adjusts hover and such. I would like to change ONLY the header and footer to be a light grey, while leaving the primary color(s) as they are currently set. Could you please instruct me on how to achieve this? Thank you, love the theme!

    #47144

    Hey,

    in css/custom.css add following code and adjust the color value:

    #header, #footer{
    background-color: #333;
    }

    #47145

    This worked for the specific header/footer areas, but there is still a section below the header (behind the slider) and below the footer, that still have the primary color as the background. Can you help me change these as well?

    #47146

    Ok I found the #socket for the bottom of the page. All that is left is the slider background. If you could help, that’d be great!

    #47147

    Can you post a link to the website please – I can give you exact instructions then :)

    #47148
    #47149

    The part in green should be grey like the top part..

    #47150

    Also.. while you’re there.. a small thing I’m having trouble with.. at the very bottom there are a bunch of green horizontal dotted lines.. can I make those white instead?

    #47151

    Figured out the dotted lines!! I ended up just setting the border to 0px to remove them all together. Use the following code to edit the color or size of the dotted line separators.

    #footer ul a, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer_extra_text_div, #socket .container{

    border-color:#ffffff;

    border: 0px;

    }

    I still would like some assistance getting the slider background to grey instead of green, I just can’t seem to figure it out! Thank you!

    SK

    #47152

    OMG! I just figured it out. This thread can be closed. Code is below! Of course this also changes colors for the buttons and some other features, but the code can be edited based on user’s preference.

    html, .big_button, .dropcap2, #top .contentSlideControlls a.activeItem, .boxed #wrap_all{

    background-color:#ebebeb;

    }

    #47153

    Glad that you found a solution :)

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

The topic ‘Primary Color – Separate Header/Footer Color’ is closed to new replies.