Top Menu opacity issue ( SOLVED)

[puffdade]

Hi Guys  

Can someone point me in the right direction as to what file i need to edit to make the opacity of my top menu about 80%   I thought it was  theme/modules/blocktopmenu.tpl   I cannot see any reference to opacity,  I running version 1.6.0.14   and the theme is a template monster theme purchased via the add on store  it's one of the themes with a live configurator  for changing colours fonts etc  shame it doesn't have a few other toggles  for font size opacity etc.

the green menu I would like to make 80%  so I can see the banners slightly through the menu

Thanks in advance guys  

 

 

Edited February 3, 2019 by puffdade
SOLVED (see edit history)

[NemoPS]

Can you share the site's url?

/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
Line 13, .sf-menu

You can either add the css opacity or use rgba for the background color

[puffdade]

www.puffdade.com

[puffdade]

Hi Nemo   im not using the default theme  so went to /themes/MYTHEME/css/modules/blocktopmenu/css/superfish-modified.css

there is only 1 instance of opacity in the entire file  I changed its value from 1  to 0.8  saved the changes  refreshed the website  and no change,   this theme has a live configuration mod which allows me to change the theme colours from the front end  as long as im logged into the back office, Im wondering if the opacity functions are located elsewhere as there are 4 colour variants I can choose from 

 

 

 

[NemoPS]

You can simply add it if it's not there, as it's css.
And no, there are no opacity functions by default, you have to use raw css, like

background-color: rgba(24,76,18,0.5);

[puffdade]

Thanks Nemo 

I just sorted it  I added 

header #block_top_menu {

   opacity: 0.8 !important; 

}

to the bottom of the global.css  file and it now looks exactly how I require it,   i often fail to see the trees through the forest 

 

 

[NemoPS]

Awesome! Glad it helped