Since an update about 2 weeks ago all of my text boxes are white instead of transparent like they were. I honestly don’t remember going to any trouble to make them transparent when I designed the site and my page background seemed to just automatically show through. I have since had to remove my page background so that it is white to match the page builder text boxes. How did this happen and how much trouble am I going to have to go through to get it back the way it was. I am using the Vantage Theme. The site address is http://portsidevillage.com. You will see an all white background, it used to be a rice paper background.
Backgrounds in page builder rows/columns
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Portside STudio
Not sure what might have happened. Vantage doesn’t have any opacity settings by default so you’d need to roll those out using Custom CSS. Any chance changes were made directly to the theme’s style.css file and then lost during update?
Here are the full width layout opacity selectors you could use under Appearance > Custom CSS for Vantage:
/* Vantage Full Width Set Page Opacity */ header#masthead { background: rgba(255, 255, 255, 0.5) !important; #main { background: rgba(255, 255, 255, 0.5) !important; } #colophon { background: rgba(255, 255, 255, 0.5) !important; }Adjust as required and remove any selectors you don’t want to target.
Thank you for your speedy reply Andrew,
I wouldn’t have changed it in the editor, I only know how to change colors, not set transparency. The css code you sent turns everything to dark grey. It’s OK, I’ll just leave the page background white then there won’t be a problem. Thanks anyway. I like the Vantage Template and Page Builder, they are very easy to work with, I just need to learn more about working with CSS.
Best,
Al
No problem. From the selectors I sent you need to pick out what you want to set the opacity on. So if it’s only for the site body then only use the middle selector #main. 255, 255, 255 is white and 0.5 is the opacity. Let me know if you want to take another look at this with us.