Unstandard Theme: Search results page looks weird

  • 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 https://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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;
}

    Thread Starter Acetrouble

    (@acetrouble)

    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;
}
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;
}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Unstandard Theme: Search results page looks weird’ is closed to new replies.