Header modification - color & text

Shapely
1

Hello,
I have searched the entire forum for an answer to the following 2 questions to modify my website - themavenmethod.com …

  1. How do I modify the header color (it is currently the default white)?

  2. How do I modify the header menu text - font & color (it is currently the default grey)?

Thank you very much!

2

Hi @derahntjohnson,

I hope you are well today and thank you for your questions.

1. How do I modify the header color (it is currently the default white)?

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

nav#site-navigation {
    background: #E0D8D8;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

2. How do I modify the header menu text – font & color (it is currently the default grey)?

To change it you can use the below CSS code as described above.


.menu li a {
    color: #5D2020;
    font-family: arial;
}

Best Regards,
Movin

3

Hi,
The solution worked perfectly. Thank you very much!

4

You are most welcome here :slight_smile:

5

Hi,

Any chance you can provide an update on this answer?

Going through this path,
Admin Area -> Appearance -> Customize -> Shapely Options

But, there is no “Other” under Shapely Options, only Main Options, Layout Options, or Blog Options.

I tried entering the above code in “Additional CSS” from the Customization menu, but it does not seem to make the change.

Thank you for any help you can give me!

6

@ohmelodious The shapely theme is changed a lot recently so the solution may not work now. We will do help but to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/shapely/

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

7

Thanks but how to change color for Search icon?

8

@carlvic As requested i the above reply please create separate topic for your question.