Main Content bg color
-
I am trying to clear the main content color and use an image. I have uploaded the image to the correct image folder. I’ve added my code in the CSS under
#content {
padding-top: 21px;
padding-bottom: 20px;
}
#content-main {
background: url(images/container_bg.jpg) repeat fixed;
float: none;
width: 100%;
}
Hi Lynne,
Can you please provide a URL for reference?
ModI am trying to clear the main content color and use an image.
Don’t worry about “clearing” the color. The image will cover it up.
If you are using a child theme then
background: url(images/container_bg.jpg)
isn’t going to work. You need to provide an absolute reference, rather than a relative reference, like this:background: url(http://www.myblog.com/wordpress/wp-content/uploads/images/container_bg.jpg)
Also, if you want the image beneath the posts and the sidebars, just use
#content
. If you want it just beneath the posts, but not beneath the sidebars, then use#content-main
. No need to use both.(BTW – don’t forget to put code between backticks. Thanks!)
Sure. It’s http://www.smoothjazzrx.com
I want the main content bg to be an image I’ve made which is a semi-transparent #464646 so that some of the body bg shows through. I’ve uploaded the image to my server in the images files. thanks
ModIt doesn’t look that transparent to me. JPG doesn’t support transparency. It needs to be a .png image.
Try these instructions. I think they will get you where you want to go.
Ken
ModAlso is there a way to split the header into 2 columns.
? Not sure what you mean here.
Ideally I’d like the logo to be above the header photo
You can achieve this using an action hook in your child theme.
Next best thing would be to add the logo next to the header image
Left? or right? Not quite sure what you mean here.
Also, I’m moving this to Support to get more voices in here.
Sorry to sound so ignorant but how do I know if I’m using a child theme or not.
I’m doing something wrong and can’t figure it out. This is the absolute reference of my image. Any suggestions would be greatly appreciated. Thanks Lynne
#content {
background: url(http://www.smoothjazzrx.com/html/wp-content/themes/graphene/images/uploads/content-bg.jpg) repeat;
padding-top: 21px;
padding-bottom: 20px;
}ModFirst, the url should be in single quotes:
background-image: url('http://www.blog.com/images/image.jpg')
Sorry I didn’t give that example to you properly. Carelessness on my part.
Second, when I go to the URL specified in your code, I get a 404 error. You might want to double-check that location.
how do I know if I’m using a child theme or not
If you’re asking this, then chances are good that you’re not. You can enter the above code in Graphene’s “Custom CSS” feature. Please don’t edit the theme’s core files or you will lose your changes at the next update.
Viewing 10 posts - 1 through 10 (of 12 total)
- 1
- 2
- You must be logged in to reply to this topic.