• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Need some help with styling?

mrb1972

Active member
#1
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
 

Brogan

XenForo moderator
Staff member
#2
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.
 

mrb1972

Active member
#3
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.
 

Brogan

XenForo moderator
Staff member
#4
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.