1. 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?

Discussion in 'XenForo Questions and Support' started by mrb1972, Mar 6, 2011.

  1. mrb1972

    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
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Remove the background color from #QuickSearch - either using EXTRA.css or in the template directly.
    This works in EXTRA.css
    #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
    .secondaryContent {
    border: 1px solid @primaryLighter;
    border-radius: 5px;
    Or you could add the same code to each section in the sidebar: visitorPanel, staffOnline, etc.
  3. mrb1972

    mrb1972 Active Member

    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.
  4. Brogan

    Brogan XenForo Moderator Staff Member

    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.

Share This Page