WordPress.org

Ready to get started?Download WordPress

Forums

Header Different Width on all other pages (6 posts)

  1. meoop
    Member
    Posted 1 year ago #

    With help of the forums I was able to line up the header with the container. For some reason I can not find the html or css code to change the header width to 920px on the other pages (book store, contact, etc.) http://encinitaslibfriends.org/wp (twenty-ten child theme)

    The correct width is on the home page.

    Any help would be greatly appreciated.

  2. paulwpxp
    Font hero
    Posted 1 year ago #

    http://jigsaw.w3.org/css-validator/
    Found 2 errors

    1. #wrapper missing a unit for the value of 5 on padding.
    2. Parse Error } on line 584

    In addition to that, it looks like you got a duplicate of the whole style from parent packed in Custom CSS. This is confusing and not necessary and hard to debug and prone to making mistakes.

    Since you are running on child theme, the Custom CSS itself is not necessary too, better to have the CSS in one place.

  3. meoop
    Member
    Posted 1 year ago #

    I had installed JetPack and went into the custom CSS and did paste in the Parent CSS. I wasn't sure how to edit existing CSS in the child theme - I didn't see the existing CSS there.

    I took out the 5px padding because it was moving the header off of the container.

    Thanks for your help!

  4. paulwpxp
    Font hero
    Posted 1 year ago #

    I wasn't sure how to edit existing CSS in the child theme - I didn't see the existing CSS there.

    Childtheme's stylsheet contains a comment block at the very top stating the Template name which is its parent theme name, and only @import line to import the whole parent's stylesheet into it.

    You don't see the whole thing existing in the child, and you don't copy over anything. All we need is that @import line.

    Below that line, put your changes there.

  5. paulwpxp
    Font hero
    Posted 1 year ago #

    I took out the 5px padding because it was moving the header off of the container.

    Do you understand those 2 errors from CSS validator above ?

    It is saying that you are missing a unit for the number of 5 in the padding property of #wrapper. Did you go check if it's true ?

    And the Parse Error } on line 584 too. Did you go check and see if anything look wrong on line 584 ?

  6. manishkumarruhil
    Member
    Posted 1 year ago #

    img[Attributes Style] {
    width: 940px;
    height: 198px;
    }

    above coding is different on both pages.

    at home you have it as:-
    img[Attributes Style] {
    width: 920px;
    height: 193px;
    }

    If you are not being able to find it than trying adding this code.

    or it could be that you have two different code affecting home and other pages.
    Try finding similar code to what you have edited and change that.

Topic Closed

This topic has been closed to new replies.

About this Topic