WordPress.org

Ready to get started?Download WordPress

Forums

Unstandard Theme: Search results page looks weird (4 posts)

  1. Acetrouble
    Member
    Posted 1 year ago #

    Hi!

    I am using the "Unstandard" theme by 5ThirtyOne for my WordPress site. I pretty much love everything about it, except for the following:

    The search results page looks pretty weird. When I type something into the search field and hit enter my layout changes. The header is shifted downwards and my custom background graphic disappears completely.

    Does someone have an idea why?

    My website is http://www.joshua-salewski.com/wpress_314_engl/about

    If you use the search on that page you can see what my issue is.

    Kind regards
    Josh

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    On style.css line 49, you have these styles which apply to the <body> element of the search results page;

    .search {
    background: #A0BD9F url(images/search.png) center no-repeat;
    border: 1px solid black;
    background-position: 7px 50%;
    text-align: left;
    padding: 10px 10px 10px 45px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    }
  3. Acetrouble
    Member
    Posted 1 year ago #

    Hi!

    Unfortunately the entire code you posted can't be found in my Unstandard theme style.css.
    I'm using version 2.0.4 by the way...

    All it shows regarding 'search' is this:

    .search-results-info {
    	overflow: hidden;
    	background: #222;
    	color: #eee;
    	font-family: "Didact Gothic", Helvetica, Arial, sans-serif;
    	font-size: 14px;
    	position: relative;
    }
    .results-title {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	padding: 10px;
    	font-size: 16px;
    }
  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    You're including two style.css files in your website. Either edit the other style.css file or within the Unstandard theme style.css try to override the style.

    Overriding Example

    .search {
     padding: 0 !important;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic