XF 1.x Visitor Panel in sidebar

[Bradley Prout]

Looking to redesign the visitor panel please can can you help achieve this @Russ

 

[Russ]

I suppose some simple css could do it:

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

 

[Bradley Prout]

I suppose some simple css could do it:

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

 

[Russ]

Is the visitor panel showing? What does "nothing shows" mean? It's just CSS so it's just modifying the panel.

 

[Bradley Prout]

Sorry Russ, my current setup is below, i assume i add the code you send me in the Extra.css template? i did that and it stayed the same

 

[Russ]

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.

 

[Bradley Prout]

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.

damn it bad code already?
its displaying now being at the top, but i am unsure how to play with it to display better than what it is?

 

[Russ]

I'd need a login to debug, via a ticket.

 

[Bradley Prout]

Okay, i have sent a ticket, thank you.

 

[Russ]

Replied.