WordPress.org

Forums

[resolved] Full width footer on search.php problems (8 posts)

  1. amobaroti
    Member
    Posted 2 years ago #

    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.

  2. Michael
    Forum Moderator
    Posted 2 years ago #

    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 ?).

  3. amobaroti
    Member
    Posted 2 years ago #

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

  4. Aditya Pandey
    Member
    Posted 2 years ago #

    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;
    }
  5. paulwpxp
    Font hero
    Posted 2 years ago #

    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 !

  6. Ravinder Kumar
    Member
    Posted 2 years ago #

    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;
    }
  7. amobaroti
    Member
    Posted 2 years ago #

    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

  8. amobaroti
    Member
    Posted 2 years ago #

    posting so I can mark as resolved

Topic Closed

This topic has been closed to new replies.

About this Topic