WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] twenty eleven - post page #primary background not repeating. (11 posts)

  1. iselaespana
    Member
    Posted 1 year ago #

    Question:

    I know I'm missing something here. So I added this to my css file

    #page {
    background: none repeat scroll 0 0 transparent;

    So I could have a header that has transparency to it. However in doing so my post page background does not continue after the comment section in the bottom, it cuts off.

    What am I missing?

    Blog in question: http://sweetpapertrail.com/facebook-fan-freebies/

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Looks like you have quite a few mark-up errors that are likely causing that:

    http://validator.w3.org/check?uri=http%3A%2F%2Fsweetpapertrail.com%2Ffacebook-fan-freebies%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Especially the ones having to do with missing, extra, unclosed or open tags.

    http://codex.wordpress.org/Validating_a_Website

    Also, you really should not be modifying theme files -- as your changes will be overwritten when WP is updated. Instead, use a Child Theme: http://codex.wordpress.org/Child_Themes

  3. iselaespana
    Member
    Posted 1 year ago #

    I do have a child theme but for some reason its not reading changes on it.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The site you linked to is not a child theme - did you activate it once you created it?

  5. iselaespana
    Member
    Posted 1 year ago #

    yes It's activated. I'm not sure why it was not showing up.

    Question if its markup errors, why is it not causing this to happen in the home page and only in the post pages?

    I have been looking over the errors. And most of them are part of the theme and nothing that I have created. Could it be something else? When I use the firebug and remove this :

    #page {
    background: none repeat scroll 0 0 transparent;

    it fixes it.... but then my header does not show a transparent background, is there a way to call just the header out for a transparent background?

  6. iselaespana
    Member
    Posted 1 year ago #

    OK so I checked all the errors and nothing.

    Any thoughts on the css fix? I have tried everything.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The problem on that page is that the sidebar is longer than the center section. If you want a transparent header, the best way to do that is to use a transparent image as the background in that element (not the whole page). You'll need to make the image using an image program such as photoshop.

  8. iselaespana
    Member
    Posted 1 year ago #

    So it appears to be that when there is enough content the background extends further down to fit... is there a way to set a minimum before it starts to expand?

  9. iselaespana
    Member
    Posted 1 year ago #

    Interesting solution. How can I do double backgrounds? so I could tile the one I have and then add the header as a background? How would I remove the header but leave enough space for the background to show thru?

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    These are pretty specialized CSS questions, so you might get better help on a CSS forum such as http://csscreator.com

  11. iselaespana
    Member
    Posted 1 year ago #

    Nope actually it was a pretty easy fix, after many hours of looking at the wrong thing... I figured it out!

    All I needed to do was add a min-height to the #primary.

    There was no need to change absolutely anything else, just add
    #primary{
    min-height: 1900px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic