Bradley Prout

Well-Known Member
Looking to redesign the visitor panel please can can you help achieve this @Russ
 

Attachments

  • visitor panel.png
    visitor panel.png
    10.6 KB · Views: 14
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.
 
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.
I did add that in Extra.css nothing showing, would it require important?
 
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.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back