Repeat Top Background, Removing White Content Backgrounds

[debsweb]

Hello,

Repeat Top Background

Would you please tell me how to make the top banner background image (Glass and also Glow) repeat horizontally? I would like to see the “glow” repeat if that makes sense.

Remove the White Background

I’ve been fighting w/the css on this for a few hours now and cannot seem to make the white boxy background go away that is used for the posts/pages. I would like this area to be transparent, no white, no box, no border.

Thank you for your help.
Deb

Topic

[Jason Bobich]

Hello Deb,

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

#wrapper {
	background-position: 0 0;
	background-repeat: repeat;
}
.boxed-layout .boxed-inner, 
.boxed-layout .element-inner, 
.post_grid, 
article, 
#comments .comment-body, 
#respond {
	background-color: #fff;
	border-color: #e3e3e3;
	color: #666;
}

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[debsweb]

Thank you for the code, Jason. BTW I do use various web developer tools but I was not able to determine the info you posted without your help and I am using the child theme and making all edits there. Thanks again.

Also, just an FYI, the edits are not displaying in Chrome or Internet Explorer, only Firefox 🙁 and I even tried using !important; to the changes. Could you advised how to make these changes display in these other browsers?

Deb

[Jason Bobich]

Thank you for the code, Jason. BTW I do use various web developer tools but I was not able to determine the info you posted without your help and I am using the child theme and making all edits there.

I’m just trying to get you pointed in the right direction because remember that support doesn’t include providing free customizations. 😉

http://support.themeblvd.com/help/#terms

Also, just an FYI, the edits are not displaying in Chrome or Internet Explorer, only Firefox

If I understood you correctly in what you’re trying to do, that will definitely work in all browsers. I’d double check how you’re implementing CSS into your Child theme. Make sure this is going in the custom.css file as this video shows: http://vimeo.com/41331677

[Author]

Replies