WordPress.org

Support

Support » Themes and Templates » [Resolved] Full width footer on search.php problems

[Resolved] Full width footer on search.php problems

  • For some strange reason, or maybe it’s perfectly reasonable the footer won’t show full -width on the search.php. It works on all other pages.

    Any possible reasons for this

    Here’s the css
    .header, .footer { min-width: 100%; margin: 0; }
    here’s the web address http://millyscakesandevents.com/?s=call

    the search form is in the sidebar on the ‘blog’ page.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Michael

    @alchymyth

    Forum Moderator

    the reason is probably the last one in the list of these validation errors:

    http://validator.w3.org/check?uri=http%3A%2F%2Fmillyscakesandevents.com%2F%3Fs%3Dcall&charset=%28detect+automatically%29&doctype=Inline&group=0

    i.e. an excess </div> somewhere in the template (search.php ?).

    Thanks Alcymyth! I have cleared up the errors but there is no change

    I see on Line 253 in your style.css :
    .search {padding:6px 15px 6px 30px; margin:3px;}

    Maybe you wanted to style something with class search, and body in search page also have class search (WP default class output!?).

    That’s why it’s recommended to use this format :

    .parent-div-class .class-you-want-to style {
          property: vaulue;
    }
    paulwpxp

    @paulwp

    Font hero

    Change this

    .search {
    	margin: 3px;
    	padding: 6px 15px 6px 30px;
    }

    to this

    .widget_search .search {
    	margin: 3px;
    	padding: 6px 15px 6px 30px;
    }

    The body class also has .search on search result page, so you have to limit that class to the one in widget only.

    EDIT: wow, a lot of people stay up late at night !

    hey amobaroti,
    you have this css on line 253 in style.css

    .search {
    padding: 6px 15px 6px 30px;
    margin: 3px;
    }

    Main problem with this piece of code.
    1. your body element also has class “.search”, this means your css apply to body element and your footer collapse
    instead of your code try it

    .widget .search {
    padding: 6px 15px 6px 30px;
    margin: 3px;
    }

    hahah, I just figured it out too. Thanks!
    was coming back here to say I removed it.

    Thanks for the solution. I’ll try it

    posting so I can mark as resolved

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Full width footer on search.php problems’ is closed to new replies.