Search Results Page Background Color
-
jimgilliam
- Propeller Head
- Posts: 96
- Joined: Tue Jun 04, 2013 9:49 am
- Location: Arkansas, U.S.A.
Search Results Page Background Color
I have changed the body tag in Styles.css to make all my topic pages with a black background. The only thing is, it's not changing the Search Results page to a black background. It defaults to white. Does anyone know where I can modify the page background color for the Search results page?
Re: Search Results Page Background Color
Maybe here in the Styles CSS
/* placeholder */
/*#search-field::-webkit-input-placeholder { font-style: italic; }*/
/* webkit */
/*#search-field:-moz-placeholder { font-style: italic; }*/
/* mozilla */
#results-heading
{
padding-bottom: 10px;
color: #002d56;
font-family: 'Segoe UI';
font-size: 20pt;
border-bottom: solid 1px #ebebeb;
format: 'Your search for {query} returned {total_results} result(s).';
}
#resultList,
#communityResultList
{
font-family: Arial;
margin: 0;
padding: 0;
list-style-image: none;
list-style-type: none;
}
/* placeholder */
/*#search-field::-webkit-input-placeholder { font-style: italic; }*/
/* webkit */
/*#search-field:-moz-placeholder { font-style: italic; }*/
/* mozilla */
#results-heading
{
padding-bottom: 10px;
color: #002d56;
font-family: 'Segoe UI';
font-size: 20pt;
border-bottom: solid 1px #ebebeb;
format: 'Your search for {query} returned {total_results} result(s).';
}
#resultList,
#communityResultList
{
font-family: Arial;
margin: 0;
padding: 0;
list-style-image: none;
list-style-type: none;
}
Re: Search Results Page Background Color
I've tried your solution but it only changes parts of the background.
To change the search results background color, in Styles.css, search for #contentBodyInner and change the background color.
#contentBodyInner
{
background-color: #FFF;
border-top: solid 1px #E1E1E1;
border-right: solid 1px #E1E1E1;
border-left: solid 1px #E1E1E1;
position: absolute;
top: 38px;
right: 9px;
bottom: 0;
left: 9px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
To change the search results background color, in Styles.css, search for #contentBodyInner and change the background color.
#contentBodyInner
{
background-color: #FFF;
border-top: solid 1px #E1E1E1;
border-right: solid 1px #E1E1E1;
border-left: solid 1px #E1E1E1;
position: absolute;
top: 38px;
right: 9px;
bottom: 0;
left: 9px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}