- Posts
I’m using the Venetian theme and would like to change the opacity of the top “box” area where the top links and logo go. If I can’t change the opacity, can I make that top part a solid color so I can’t see the background image below?
I realize I may need to tweak the css or theme files and I’m OK with that as long as I know which file and code need changing.
Thanks so much.
I found the answer. It was a css tweak.
public_html -> wp-content -> themes -> boldgrid-venetian -> css
open color-palettes.css
search for site-header
change line:
.palette-primary .site-header .widget.well{background:rgba(255, 255, 255, .7);
to
.palette-primary .site-header .widget.well{background:rgba(255, 255, 255, 1);
That will make the top box solid white.
Hello,
Thank you for contacting us about changing the Opacity of the top area in the Venetian theme. In our tests, adjusting the opacity also made the text fade. We were able to make a solid background color by adding the following CSS code in the Advanced editor. Here are the steps:
- Log into BoldGrid
- Click Customize
- Click Advanced
- Click Custom JS & CSS
- Open the Editor for Custom Theme CSS
- Paste the following below any existing code:
.boldgrid-section, .site-header .boldgrid-section { background-color:blue;}
You can then change the “blue” in the code to any color you want. Here is a list of available CSS colors.
Thank you,
John-Paul
John-Paul,
I did try the Custom JS & CSS editor, but using that line of css also changed the color of some of the blocks as well.
The tweak in color-palettes.css I tried above worked just the way I needed it.
When the Venetian child theme is updated, do I lose the tweaks I made to the color-palettes.css file?
Thanks again.
Mark, if you make sure to only make modifications to files in a child theme, they will carry over when updates are made to the current (parent) theme.
- The topic ‘Venetian Theme – change opacity of top area…’ is closed to new replies.
