Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
CSS help - search section is wrong place!
I wonder if anyone can help me! I've integrated Vanilla into my Wordpress theme, but the Search page has put the search box is a strange place! I know it's probably the css settings somewhere:
http://www.qepark.co.uk/forum/search.php
The CSS that seems to be affecting the search box is:
http://www.qepark.co.uk/wp-content/themes/illacrimo/style.css:
form (line 26)
{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.Search form (line 224)
{
padding-top: 30px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 30px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
http://www.qepark.co.uk/forum/themes/qeparkforum/styles/qeparkforumtheme/vanilla.css:
#SearchSimple (line 663)
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#Form * (line 863)
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#Form form (line 883)
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #ffedae;
border-bottom-color: #ffedae;
border-left-width: 0px;
border-left-style: none;
border-left-color: -moz-use-text-color;
border-right-width: 0px;
border-right-style: none;
border-right-color: -moz-use-text-color;
background-color: #fef9e9;
}
#Form.Account * (line 1003)
{
color: #84733d;
}
http://www.qepark.co.uk/forum/search.php
The CSS that seems to be affecting the search box is:
http://www.qepark.co.uk/wp-content/themes/illacrimo/style.css:
form (line 26)
{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.Search form (line 224)
{
padding-top: 30px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 30px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
http://www.qepark.co.uk/forum/themes/qeparkforum/styles/qeparkforumtheme/vanilla.css:
#SearchSimple (line 663)
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#Form * (line 863)
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#Form form (line 883)
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #ffedae;
border-bottom-color: #ffedae;
border-left-width: 0px;
border-left-style: none;
border-left-color: -moz-use-text-color;
border-right-width: 0px;
border-right-style: none;
border-right-color: -moz-use-text-color;
background-color: #fef9e9;
}
#Form.Account * (line 1003)
{
color: #84733d;
}
0
This discussion has been closed.
Comments
Remove the following:
/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Search { background: url(images/Search.gif) no-repeat left top; position: absolute; top: -63px; width: 280px; left: -9px;} .Search form { padding: 30px 20px 10px 30px; margin: 0px;} .Search input { border: none; color: #330033; font-size: 11px;} .Search input.search { width: 24px; height: 23px; background: url(./images/SearchButton.gif) no-repeat;} .Search input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 200px; border: none; } /**/ * html #buttonsearch { margin: -24px 0px 0px 203px; } /* */ #buttonsearch { padding: 0px; margin: -23px 0px 0px 203px; top: 0px; background: none; }