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.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Archive /

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

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

Site search - layout


Go to End


3 Posts   1928 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, 5523 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!