Main Content bg color

  • lynnema

    #2045

    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%;

    }

    lynnema

    #18323

    Oops. Didn’t mean to post yet.

    Ok so my image is not showing. I can’t clear out the automatic color set up in “display” under “options.” I’ve tried using background-color:transparent but still not showing.

    Any suggestions?

    Lynne

    Anonymous

    #18324

    Hi Lynne,

    Can you please provide a URL for reference?

    Mod

    Kenneth John Odle

    #18325

    I 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!)

    lynnema

    #18326

    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

    lynnema

    #18327

    Also is there a way to split the header into 2 columns. Ideally I’d like the logo to be above the header photo but haven’t looked at the markup yet.

    Next best thing would be to add the logo next to the header image.

    Mod

    Kenneth John Odle

    #18328

    It 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

    Mod

    Kenneth John Odle

    #18329

    Also 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.

    lynnema

    #18330

    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;
    }
    Mod

    Kenneth John Odle

    #18331

    First, 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)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!