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!

edited September 2007 in Vanilla 1.0 Help
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;

}

Comments

  • edited September 2007
    I think if you simply delete the Search CSS section from the theme's style.css you'll be fine.

    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; }
This discussion has been closed.