Sign in to follow this  
Followers 0

Need CSS snippet to reduce the radius of the default "Search" box in the header.

4 posts in this topic

Posted · Report post

Wanted to see if anyone could post a snippet of CSS that I can use to change the radius of the default SEARCH box in the header. Right now, it's set at, I believe, 13px. I need it to match the other boxes, down around 2 or 3 px. Spent the last couple of nights trying to figure this out - wanted to learn it..., but need to move on. Also searched in the forum and docs for an example or previous question's answer, but didn't see one (may have missed it...) I'm sure I'll understand it once i see it from you pros in the forum. Thank you in advance!

Share this post


Link to post
Share on other sites

Posted · Report post

You can try add in PageLines > Site Options > Custom Code > CSS Rules [code].searchform .searchfield{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }[/code] Change ..px as you like

Share this post


Link to post
Share on other sites

Posted · Report post

Hi @andrewstein, Did Batman's answer resolve your issue ?

Share this post


Link to post
Share on other sites

Posted · Report post

Batman - this is beutiful. I was not close, but on the right path. Sometimes learning requires a shortcut. Thank you !! Danny - yes, this solution works! It would be great to have this as a settting in the layout editor along with the toggle (that exists) to turn off the search box entirely... The 13px radius doesn't match any of the docs..., and most of the other data input fields I'm using in other forms, also has a near zero radius. The default 13px radius is not style / design consistent. This snippet WORKS, so i''m good to go. I tried to ensure i asked the question in a way that it will be found by others with the same question - in 24 hours, I see it's been viewed 6 times (plus our two - makes 8) could be a winner for Batman ! Thank you !

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0