• I’m running Cutline 3col split and I want a background image, but can not figure out. I have searched all the forums, made several posts, and keep finding posts that tell me to wrap a container with div tags????? and to set the footer float to none? I don’t know how to do this and was hoping someone could help?
    https://www.bloggingforjesus.net

Viewing 9 replies - 1 through 9 (of 9 total)
  • Go ahead and edit your theme’s CSS file.

    If you want the whole site’s background filled with that image, find body { background: #fff; and replace #fff with url(THE_URL_OF_THE_IMAGE_HERE).

    Ex.
    body { background: url('https://www.google.com/intl/en_ALL/images/logo.gif'); color: #333; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; }

    If you just want the background behind the posts (but no in the header), find #content and add background:url(THE_URL_OF_THE_IMAGE_HERE); in front of width.

    Thread Starter jebut071

    (@jebut071)

    This is how I finally got it to work:

    In css file, here is the code before changing:

    body { background: #fff; color: #333; font: 62.5% Georgia, “Times New Roman”, Times, serif; text-align: center; }

    and after:

    body { background: url(‘/wp-content/themes/Cutline%201.1-3ColumnSplit/images/bluetileback.JPG’); color: #333; font: 62.5% Georgia, “Times New Roman”, Times, serif; text-align: center; }

    However, it is now filling up the whole page – which is ok, but I would rather have the middle white, or some other image? Any suggestions

    Thread Starter jebut071

    (@jebut071)

    The address again is https://www.bloggingforjesus.net

    Thread Starter jebut071

    (@jebut071)

    I’m also working on narrowing the entire page – sidebars and content so that you can see some of the background on the left and right as you go down? Any suggestions on that?

    Then you find #content and add background:#fff; in front of width.

    Thread Starter jebut071

    (@jebut071)

    I’m so glad you are online! I’ll try that now!

    Thread Starter jebut071

    (@jebut071)

    Here is what I am trying and it is not working? Maybe I’m not doing something right?

    Code before:
    /*—:[ core layout elements ]:—*/

    #container { width: 1000px; margin: 15px auto 0 auto; }

    #content_box { width: 1000px; text-align: left; float: left; clear: both; }

    #content { width: 520px; padding: 0 0 0 20px; float: left; }

    and after:

    /*—:[ core layout elements ]:—*/

    #container { width: 1000px; margin: 15px auto 0 auto; }

    #content_box { width: 1000px; text-align: left; float: left; clear: both; }

    #content {background:#fff; width: 520px; padding: 0 0 0 20px; float: left; }

    I’ve tried adjusting the spaces and even calling it #ffffff???

    It works here, try to clear your cache, or if you mean middle middle, add that to #content_box instead of #content.

    Thread Starter jebut071

    (@jebut071)

    Yea!!!!!!!!!! That did it!! You rock the house!! Now I am going to narrow down the sidebars and even out the content width to have it centered. I have one more question that was next on my agenda about replacing the headings on the sidebars (categories, search, recent entries, blogroll, etc) with image headings similar to those found on the left sidebar (which I will also be changing to match the header image here shortly. This is further down the line, but I was just wondering if you knew what I was talking about or knew how to do that? It seems that the widgets are different than adding an image w/ html through the text widgets.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘add a background image?’ is closed to new replies.