Post by vimal » Thu Jun 07, 2012 4:55 am

Hello All,
I have made a template where the search box is in black. When I just visit the page, text "search" is shown in light colour which is readable. But when I add my own text it stays in black.
How can I make the text visible when I am typing in the search bar?
See the site

Starta webbshop, Starta e-butik, Starta e-handel

Active Member


Wed Aug 26, 2009 8:54 am
Location - Sweden

Post by Jasim » Thu Jun 07, 2012 7:39 am

open your stylesheet.css
you can find it in you theme dir
in folder 'stylesheet' or 'css'
and search for the word 'search'

then change the '#000000' to any color you like
see the example below

Code: Select all

.searchBox{background:url('../image/searchBg.jpg') repeat-x;padding:13px 25px 0;height:50px;width:auto;margin:0 auto;}
.searchBox input{background:#fff url('../image/magni.jpg') no-repeat left;line-height:36px;border:0;display:block;height:32px;padding-left:40px;width:450px;float:left;border:1px solid #9A1D26;font-size:13px;font-weight:bold;color:#999;}
here where i can change the input color 'color:#999'

User avatar
New member


Tue Jul 26, 2011 8:20 am
Location - Kuwait
Who is online

Users browsing this forum: No registered users and 10 guests