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

adding border to sidebar-box, changes XF layout in dropdown

erich37

Well-known member
#1
I want to change the border at the sidebar-boxes from "border-bottom" towards "border":


current XF-default CSS:
Code:
.secondaryContent {
    background: url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #F0F7FC;
    border-bottom: 1px solid #D7EDFC;
    padding: 10px;
}

my custom CSS:
Code:
.secondaryContent {
    background: url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #F0F7FC;
    border: 1px solid #D7EDFC;
    padding: 10px;
}


However, when I do so XF changes the layout of the Account-Drop-down box to this:

border_account_dropdown_changes.gif


I am not sure if there is anything else changing when adding a simple border around the sidebar-box ? :confused:

How can I fix this when changing the border from just at the bottom of the sidebar-box towards having the border around the sidebar-box ?
I tried the sidebar-padding, but it somehow did not work......


Appreciate your help!

Many thanks!

:)
 

Jake Bunce

XenForo moderator
Staff member
#2
Specify the sidebar class to limit the change to the sidebar:

Code:
.sidebar .secondaryContent {
    background: url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #F0F7FC;
    border: 1px solid #D7EDFC;
    padding: 10px;
}
 

Russ

Well-known member
#4
And for future reference... this is quite common if you change the padding at all for secondaryContent, so one fix as well would be to widen the userpanel a bit.