Can I make the menu bar more transparent in the Influence theme?
Hello,
I am trying to work with the default header / menu bar in the Influence theme.
The transparency is not quite transparent enough and covers too much of the slider picture when I put the logo in.
Is there a way to make it More Transparent?
Thanks,
Michelle
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Hi Michelle
This can be achieved with some custom CSS. If you do not already have a method for entering Custom CSS I would recommend this plugin.
https://wordpress.org/plugins/simple-custom-css/
Navigate to the custom CSS Editor and enter the following
.site-header { background-color: rgba(255,255,255, 0.86); }The final number in the brackets is the opacity of the header bar. If you lower this the header bar becomes more transparent.
Let us know how you get on
Magus
Okay, so I installed the plug in and I went to the ‘Custom CSS’ under Appearance and added the code then changed the last number to 0.06 – Just to see if it would show a drastic difference.
But it looks like it didn’t change at all. http://74.220.219.133/~placeht9/
Anything I missed?
Thanks,
Michelle
Hi Michelle
No, you haven’t missed anything. The setting is being overridden because of the order the CSS is parsed. Please change the original CSS to this
.site-header { background-color: rgba(255,255,255, 0.86) !important; }Thanks
Magus
YAY! It works! Awesome! Thanks SOOOOO much!
~Michelle
Hi Michelle
You are welcome. If you need any more help feel free to open a new support thread
Magus
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.