Bradley Prout
Customer
Looking to redesign the visitor panel please can can you help achieve this @Russ
.sidebar .visitorPanel
{
text-align: center;
}
.sidebar .section.visitorPanel .avatar
{
float: none;
text-align: center;
margin: 0 auto;
}
.sidebar .visitorPanel .stats .pairsJustified {
display: inline-block;
border-right: 1px solid #CCC;
padding: 8px 5px;
}
.visitorPanel .secondaryContent
{
background: none no-repeat 0 0 #0076E0;
padding: 10px 0px 3px;
}
.sidebar .visitorPanel .stats {
background-color: #FFF;
}
.sidebar .visitorPanel .stats .pairsJustified:last-child {
border-right-width: 0px;
}
.sidebar .visitorPanel .username {
color: #FFF;
margin-bottom: 5px;
display: block;
text-align: center;
margin-top: 5px;
}
I did add that in Extra.css nothing showing, would it require important?I suppose some simple css could do it:
Code:.sidebar .visitorPanel { text-align: center; } .sidebar .section.visitorPanel .avatar { float: none; text-align: center; margin: 0 auto; } .sidebar .visitorPanel .stats .pairsJustified { display: inline-block; border-right: 1px solid #CCC; padding: 8px 5px; } .visitorPanel .secondaryContent { background: none no-repeat 0 0 #0076E0; padding: 10px 0px 3px; } .sidebar .visitorPanel .stats { background-color: #FFF; } .sidebar .visitorPanel .stats .pairsJustified:last-child { border-right-width: 0px; } .sidebar .visitorPanel .username { color: #FFF; margin-bottom: 5px; display: block; text-align: center; margin-top: 5px; }
You may need to make further edits, this was just a quick write up.
damn it bad code already?Try adding it to the top of your extra.css to see if that works. If it does you probably have bad code somewhere in your template.