Welcome! To use this support forum, please Login or Join Today!

   

Background color change for the dropdown menu of the Onyx theme

{name}
Rank

Total Posts: 18

Joined 2016-05-17

PM

 

Hi,

I have been trying for the past hours to change the colors of the menu in the onyx theme. So far I have succeeded, but one item is giving me real pain: the color of the background of the drop down menu.

I have looked and searched a long time in the style5.css for images or related colors. No luck!

Please tell me where can I find the setting in the code.

I want to change the dark grey of the back ground into the blue background color of the main menu. Hopefully, the attached file will make even clearer the color that I want to change.

Thank you!

Attachments:

https://www.filepicker.io/api/file/Sq9sm4sQriW7OFS3Fg7A

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

Hi, You’re on the right track.

In style5.css (near line #102) change:

#menu ul ul {
 background: url(./images/style5/menu_bg_trans.png) repeat;
}

to:

#menu ul ul {
 background-color: #2a5c81;
}

The above will give you this result:
https://cl.ly/1d301Z3z1P2L

To remove/change the dark borders, further down near line #117, change:

#menu ul ul li a {
 color: #FFF;
 text-shadow: none;
 border-bottom: 1px solid #1c1c1c;
}

to:

#menu ul ul li a {
 color: #FFF;
 text-shadow: none;
 border-bottom: 1px solid #1d6790;
}

 

 

{name}
Rank

Total Posts: 18

Joined 2016-05-17

PM

 

I have changed the color of the image and replaced the image. I like the transparent feature. :-)

At first the image was so small that I did not pay attention to it.

I will play some more with the options now that you have made things clearer for me.

Thank you!