Main Content Background Color, Opacity, Rounded

[Rebecca Morency]

Hi Bill,

I’m looking forward to working with the updated Foxy 2.0.1 theme.

On the last one, you helped me with some code to do the following:
– change the main content background color (243,245,243, 90% opacity)
– round the corners of the main content box
– round the corners of the home page menu (plus change color to match main content background color)

On the Theme Options/Styling under “Custom CSS”, I copied the CSS code I used for the older Foxy version and uploaded the 10×10 header-background.png into the images folder, but no luck making the changes.

Any suggestions?

Thanks,

Becky

[Bill Robbins]

Becky,

Good question. A good many of the structural elements had changes in version 2.0 to standardize some of the classes and ID’s. So you’ll need to change your code a bit. Try this:

#content,
div#sidebar nav a, 
div#sidebar nav a:visited {
	border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

.ie8 header#primary,
.ie8 #content,
.ie8 .staff-list article, 
.ie8 #sidebar .widget,
.ie8 #sidebar nav a, 
.ie8 #sidebar nav a:visited, 
.ie8 .current-menu-parent ul.sub-menu li a {	
	filter: none;
	background-image: url(https://yoursite.com/image.png);
}

Then replace the http://yoursite.com/image.png with the URL to your background image. Once you save your changes I believe that will get it for you. Make sure to place the code in your Custom CSS box so you don’t lose your changes in updating (and I’ll try not to change any of those classes or ID’s).

Let me know if you need any help,
Bill

[Rebecca Morency]

Thanks so much, Bill.

I wouldn’t have figured out that code. Elegant way to deal with IE.
I added a border and changed out colors to get just the look I wanted.

Thanks for making the update so the theme can be easily updated within WordPress and adding the Google Fonts inside.

Love this theme and Bottega. Great above the fold designs that let businesses show and tell their story. Again, thanks for the designs and fantastic support.

Regards,

Becky

[Bill Robbins]

I’m glad that helped out Becky. I’m always trying to make using and customizing the themes an easier experience for everyone. Once IE 8 has passed off the scene, we’ll be able to use a color selector for RGBA colors which will be quite nice.

Have a great weekend,
Bill

[Author]

Posts