Smart Search

I am trying to use the Smart Search module on the following site:
http://customraceengines.us/new/
Although I have set the search image to display on the right, something in the league news template is overriding it and making on the left. And also there is no image, only an orange square. I realize I need to add something to the override css file but I don't know what and firebug is not being much help on this one. Thanks.

Jim

Although I have set the search image to display on the right, something in the league news template is overriding it and making on the left.

Jim, you are wrong most overrides came from : components/com_mijoshop/opencart/catalog/view/theme/default/stylesheet/stylesheet.css

Well, I may be wrong but when I change the template to the Beez template, the search icon shows up on the right but in your template it stays on the left. Now, are we going to play "who's right and who's wrong" or are you going to help me fix this?

Sure you're right, of course but Beez - is very simple template don't overridden all styles.
This may help with search button:

Code: Select all

.finder button:after { content: "Go"; }

or you can use icon

Code: Select all

.finder button:after { content: url('../images/search.png'); }

replace icon and link with proper one.

Thank you. That enabled me to see the "Go" text but it still will not go to the right. It will go left, top and bottom but if I choose left or right, it still shows in the left. I think it is more natural to have it on the right so that as you finish typing your cursor is closer to the "Go" button.

Upss, I forgot about left-right.

Code: Select all

.finder button { float: right; }

If you want some space - add left margin.