How to change header color

Home Forums Spacious Free How to change header color

This topic contains 5 replies, has 2 voices, and was last updated by  Rajesh 3 days ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1372035

    james18
    Participant

    I am VERY new to WordPress and I am needing to change the color of the header on my Spacious Free theme. Also, is there a way to add visual text to the right hand side of that area?
    Thanks!

    #1372116

    Rajesh
    Moderator

    Hi @james18,

    Can you provide us URL to your site so that we can inspect it and give you a proper solution? Also, can you specify clearly as to in which section and what change you want to make?

    Thanks.

    #1372173

    james18
    Participant

    Yes, the temporary URL is http://hm3.ee9.myftpupload.com/
    Yeah there are a few things that I am unable to do.
    1) I am needing to change the color of the header and footer menus.
    2) I would like to add 4 thumbnails to the header menu.
    3) I would like to change some of the fonts throughout the webpage. I am able to change the sizes but I don’t really like any of the fonts. Is there a way to change that?

    Thank you!

    #1372246

    Rajesh
    Moderator

    Hi @james18,

    For changing the color of the header and footer menu, you can add following code inside Appearance > Customize > Additional CSS :

    .spacious-header-style-two .main-navigation a{
        color:#FF4500;
    }
    .spacious-header-style-two .main-navigation ul li ul.sub-menu li a{
        color:#FF4500;
    }
    .spacious-footer-style-two .footer-socket-wrapper .small-menu a{
        color: orang#FF4500;
    }

    Feature for adding the thumbnail in the header menu is not available in our theme and it needs a lot of code customization, so you can contact our customization team.

    Customization

    And the option for using the custom font is only available in our Spacious Pro theme. You can purchase Spacious Pro theme for this feature and much more exciting features.

    Thanks.

    #1372331

    james18
    Participant

    That does change the fonts but it is not changing the header background color of black. Is there a way to change that?

    #1372513

    Rajesh
    Moderator

    Hi @james18,

    For changing the background color of the header, you can add following code inside Appearance > Customize > Additional CSS :

    #header-text-nav-container{
        background-color: #40EEFB;
    }

    Thanks.

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

You must be logged in to reply to this topic.