Support » Theme: Chaplin » Change Header and Footer Color

  • Resolved albertkents

    (@albertkents)


    I would like to change the Header and Footer color from the default white to something else #e22658

    How do I do this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • I think you can’t do it from the themeĀ“s options @albertkents. So you have to do it by adding some CSS.
    You can do it by add it in the “Aditional CSS” section in the customizer, or creating a child theme and modify the style.css there.

    .overlay-header .header-inner.is-sticky {
        background-color: #e22658;
    }
    
    #site-footer {
    	background-color: #e22658;
    }

    I hope I helped you.

    • This reply was modified 1 month, 3 weeks ago by Luis Colome.

    Hi @luiscolome after applying the above code, the footer color changed but the header didn’t.

    The Header color changes on a single post but it does not change on pages.

    Ok, that would be because you didn’t select the sticky menu. Try removing some classes there.
    Change the first part of the code for this:

    .header-inner {
        background-color: #e22658;
    }

    That would change the background color in every post and page in your site.

    Thank you @luiscolome . I appreciate so much

    I’m glad I could help you!

    Have a good one!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.