Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Archive /

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Site search - layout


Reply


3 Posts   1656 Views

Avatar
valentino

Community Member, 2 Posts

8 April 2008 at 1:38pm

Hi all,

I'm new to SS and web programming....so excuse if this sounds like a simple question.

I've implemented the site search function on my site, yet I've found that the 'go' button sits beneath the textfield. I can't seem to change the position of the 'go' button relative to the 'search' textfield.

so far, I've created a header <h2> in html ($SearchForm) and can change the positioning of the entire searchform from the layout css file. But I cant change the position of the 'go' button on its own.

can someone please assist and put me on the right track.
Cheers,

Avatar
Willr

Forum Moderator, 5513 Posts

8 April 2008 at 2:21pm

The go button will have a class on it or a ID. You can use this in your layout.css or form.css (since its a form element) to target that button.

I suggest using firebug to select the element and find out its ID or Class otherwise action buttons (like go, submit) automatically have a .action class attached to them so you can go #SearchForm input.action and apply styles to just the action button.

Avatar
valentino

Community Member, 2 Posts

8 April 2008 at 4:32pm

Thanks Will - that worked!