Search box border colour [SOLVED]

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
avon_g

Search box border colour [SOLVED]

Post by avon_g »

Does anybody know where the search box border gets it colour id from?
I've searched all my templates and css cant see a reference to #7F9DB9
which is the colour it is.......

TIA
Last edited by avon_g on Tue Aug 28, 2007 5:33 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Search box border colour

Post by Dr.CSS »

More info please...
avon_g

Re: Search box border colour

Post by avon_g »

Ive used the standard templates and style sheets and made edits for colour etc....
The search box has a 1px border around it that is made from a #7F9DB9 (Light
Blue Colour) same as on this page at top.
I cant seem to find any referance to what makes the search box border colour anywhere...
TIA
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Search box border colour

Post by Dr.CSS »

If you use this it will come out a diff. color, a little strange...

#m2searchinput{border-color:#000} I found the m2searchinput by looking at the source for the rendered page, this # means id...

Search: 



If you go here you will/can learn more about CSS and border calls...
just type border in the search box...

http://www.w3schools.com/default.asp
avon_g

Re: Search box border colour

Post by avon_g »

i think the search box is getting its colour from somewhere else.

I added :-
border-style: solid;
border-color: #0000ff

just to see what changes and it surrounded the whole search module placed in the page.

Im trying to change the box to the right of the "Search:"

Ill keep hunting, its got to be getting it from somewhere
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Search box border colour

Post by Dr.CSS »

Input boxes get a border automatically, what you have is probably in the div#search call, if you want just the input box changed you have to target the "m2searchinput" like I posted otherwise yes the whole thing will get a border...

I put this in your CSS and got a thick very blue border...

#m2searchinput{
border-style: solid;
border-color: #0000ff}
avon_g

Re: Search box border colour (SOLVED)

Post by avon_g »

fantastic...

Many thanks Mark
Locked

Return to “Layout and Design (CSS & HTML)”