• Resolved cmmcwain

    (@cmmcwain)


    I recently switched to the designpile theme. On my previous theme I added a outer wrapper for a design element in the background. The way my previous theme was coded is different so the same method is not working for this theme.

    Is there anyway I can still add the design element to the background..it is really important to my overall design.

    This is my site http://www.noordinarygurl.com

    Thanks to all,
    Corie

Viewing 12 replies - 1 through 12 (of 12 total)
  • esmi

    (@esmi)

    Try adding it to the html element in your CSS.

    Thread Starter cmmcwain

    (@cmmcwain)

    I’m sorry can you explain that a little more..I am really new at all of this.

    Thank you!

    esmi

    (@esmi)

    You can style the html element in exactly the same way that you can the body or any other block level element:

    html{
    background:#fff url(images/background.jpg) repeat-y left top;
    }
    Thread Starter cmmcwain

    (@cmmcwain)

    I am wanting to keep the original background, just add to it, I was originally just going to edit the original background image, but I am not sure it is big enough since the theme calls for it to repeat.

    randinicole

    (@randinicole)

    What part do you want the bg on? the white blog bg or a separate one in addition to the body background?

    Thread Starter cmmcwain

    (@cmmcwain)

    I have the background up now…but it is repeating across…which I don’t want…do I need to make it bigger or change some code?

    randinicole

    (@randinicole)

    I dont see it repeating across

    background-repeat:repeat-y;

    add this to your css where the background is contained, it will make it repeat vertically but not across.

    Thread Starter cmmcwain

    (@cmmcwain)

    right now I have it set to no repeat…but I am using a 23in monitor..could that have something to do with it?

    Thread Starter cmmcwain

    (@cmmcwain)

    body {

    color: #333;

    background:url(images/bk_body.jpg);
    background-position: center top;

    font-family:Arial, Helvetica, sans-serif;

    font-size:13px;

    line-height:135%;

    }

    This is how it is coded now…I need to make sure it stays centered…how do I add the code so it stays centered as well?

    randinicole

    (@randinicole)

    repeat has nothing to do with position other than the fact that the background either repeats or doesn’t.

    body {
    
    color: #333;
    
    background:url(images/bk_body.jpg);
    background-position: center top;
    background-repeat:repeat-y;
    font-family:Arial, Helvetica, sans-serif;
    
    font-size:13px;
    
    line-height:135%;
    
    }
    Thread Starter cmmcwain

    (@cmmcwain)

    thank you so much for all your help!

    Hi everybody!
    I have a problem with Home page. I don’t want to have “side by side (2 column posts)” design. http://adebiet.malimetter.org/

    Queston: Can I change the 2 column structure to 1 column (normal)structure?

    Thanks in Advance!

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘adding to background on design pile theme’ is closed to new replies.