Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #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!



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

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


    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?


    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!


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


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


    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?


    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: 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!



    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{




    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.