Customize search module box

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Oct 08, 2014 5:22 pm
Reply with quote
Report this post
I have been able to change the text of the search box when someone write something to search for.
But I would change the right image, and the background colour when the box get the focus.
I checked the css but I have been unable to find the background color and the image.
You said (label help inside the search module) that the image is /image/searchButton.gif but I cannot find it.
Can you tell me how to change the image and when the inputbox has the focus how to change the background-color?

My website is www.casino-online.bz
username: gavick
password: gavick
everybody can know such passwords cause they are set only to hide the website to google, so any forum user can access to my website.
Override is enabled.
User avatar
Expert Boarder

GK User
Wed Oct 08, 2014 8:12 pm
Reply with quote
Report this post
The mglass is made with this css code:
Code: Select all
#gkSearch:after {
color: #ddd;
content: "h";
font-size: 20px;
font-family: 'news2-icons';
position: absolute;
right: 20px;
top: 1px;
z-index: 1;
}

so to change the colour you would need to add to override.css:
Code: Select all
#gkSearch:after {
color: #ddd;
}

It is made from custom fonts made for this template so there is no much to do.
User avatar
Moderator

GK User
Wed Oct 08, 2014 8:14 pm
Reply with quote
Report this post
To change background colour when input element is focused:
Code: Select all
#gkSearch input#mod-search-searchword:focus
User avatar
Moderator


cron