Need some help with styling?

mrb1972

Active member
How, can anyone tell me the following.

1. How do I remove them white border/padding around the search box?

2. How do I add a 1px border and radius to the side panels in the side bar?

I cant seem to work out the best way.

thanks very much
 
Remove the background color from #QuickSearch - either using EXTRA.css or in the template directly.
This works in EXTRA.css
Code:
#QuickSearch {
background-color: transparent;
}


You can add a border and radius to secondaryContent but that will affect everything using that class.
Again, in EXTRA.css
Code:
.secondaryContent {
border: 1px solid @primaryLighter;
border-radius: 5px;
}

Or you could add the same code to each section in the sidebar: visitorPanel, staffOnline, etc.
 
Ok, i see a problem with the #quicksearch, as making it transparent also removes the border from the search drop down panel, I will have to rethink my layout.
 
There is another way you can do it.
You can remove the padding-top from #QuickSearch and also the left and right padding from the separate elements.
That will likely require further work to get everything looking correct though.
 
Top Bottom