Change color of submenu item

Shapely
1

Hey i can’t figure out how to change the color of a submenu (in the menubar) when the page was selected. I was able to change the hover color but when i select an item of the submenu and click on the submenu again it’s blue (see picture) (the hover is grey as i wanted it to be). Where can i change this? Í had a look at the Style.css but couldn’t find it.

2

Sorry i can’t seem to find an edit-function. Another problem i’ve encountered is a lightgray color when hovering on a table. The color appears to be #f5f5f5 but i also can’t find it anywhere.

3

Hi @wunderwally,

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

To make CSS changes in the theme you have to develop CSS code with more CSS specificity and add it in the Custom CSS option of your theme on the below path.

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

You don’t have to edit any theme file like Style.css to change these style instead you have to do as described above.

Hey i can’t figure out how to change the color of a submenu (in the menubar) when the page was selected. I was able to change the hover color but when i select an item of the submenu and click on the submenu again it’s blue (see picture) (the hover is grey as i wanted it to be). Where can i change this? Í had a look at the Style.css but couldn’t find it.

You can change it by using the below CSS code as described above.

#menu .dropdown-menu .active a{
  background-color: #979797;
}
Sorry i can’t seem to find an edit-function. Another problem i’ve encountered is a lightgray color when hovering on a table. The color appears to be #f5f5f5 but i also can’t find it anywhere.

You can change it by using the below CSS code as described above.

#main .table-hover tbody tr:hover{
  background-color: #fff;
}

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

Best Regards,
Movin

4

Awesome that worked thanks alot! Another problem i stumbled upon (i’m an absolute beginner regarding CSS) i can’t remove borders from a table. The strange thing is, there are just borders for tr and not for td. I tried using something like <table class=“test”< and then adding

.test{
border-collapse:collapse;
}

.test td{
border:none;
outline:none;
}

.test tr{
border:none;
outline:none;
}

to the Custom Css but i didn’t work. Any ideas?

5

You can remove the border from table by using the below CSS code.

#main .table td,
#main .table th{
  border: 0;
}

You can visit the following sites to learn more about CSS.

http://www.w3schools.com/css/

6

Hi
i read all about Sub / Drop Menu, and i try my self but not success
my question is How to change Sub menu Colour (not font colour, not font hover colour, not Drop menu Hover colour), i need change only Drop / Sub menu Colour
my web link www.panasiaservice.com
Thank you
nyo

7

@nyo1120 To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/shapely/ instead of replying on others 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.

8

Hi Movin

I have problem with my sub-menu in Activello. I manage to fix the color as I wanted (Viaggi – ASIAMONAMOUR) Please see sub menu under VIAGGI,

The problem is when I klick on one of submenu’s everything change again (even the color of main menu)

Can please give an advice how to fix the problem,

Thank you

BR

Igor

9

@Igor Please create separate topic for your question here https://colorlibsupport.com/c/shapely/