Changes CSS

Dear colorlib team,

thanks so much for creating such wonderful themes :)!

I have a few questions regarding changes in the design of shapely:

  1. how can I change the hover color in the subcategory of the menu? I could manage to change the hover color of the third level from purple to orange but somehow can’t do so with the second level. (www.anouk-fotografin.de)
  2. I would like to change the color of the search box icon when I click on it in the header menu.
  3. Can I remove the white space between the content of the contact page and the bottom?
  4. Is there a way to create a menu for the Footer to place the Impressum?

Thanks very much!!

Anna

Hi Anna,

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

1. how can I change the hover color in the subcategory of the menu? I could manage to change the hover color of the third level from purple to orange but somehow can’t do so with the second level. (www.anouk-fotografin.de)

You can try changing 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

#page .menu > li > ul li a:hover {
    background: #6af95c;
    color: #0e1015;
}

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. I would like to change the color of the search box icon when I click on it in the header menu.

Do you mean when we hover over search box icon because we don’t click on it but just hover over it?

3. Can I remove the white space between the content of the contact page and the bottom? 4. Is there a way to create a menu for the Footer to place the Impressum?

To help us keep support thread separates could you please create new thread for each of your questions here Shapely - Colorlib Support Forum instead of asking them in your single thread as it makes the thread messy and hard to read.

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.

Best Regards,
Movin