Guest Specific Styling

[Steve]

Steve submitted a new resource:

Guest Specific Styling - Style elements different for guest easily

XenForo adds a class by default to the html that allows you to target guest with CSS. Examples of use below

In the PAGE_CONTAINER template is where you will find the conditional that adds our class.

{xen:if {$visitor.user_id}, 'LoggedIn', 'LoggedOut'}

The first argument says if the visitor's user id is logged in apply the LoggedIn class otherwise apply LoggedOut class (guest).



You can target many things besides just styling...

Read more about this resource...

 

[Indianparents]

Steve,
Do I add this to extra.css? I added it to extra.css and the tab is still visible for guests.

.LoggedOut .navTab.postRatings {
display: none;
}
Thanks.

 

[Steve]

Are you sure you are viewing it logged out?

 

[Indianparents]

Are you sure you are viewing it logged out?

Yes I am sure Steve

 

[Steve]

Something is giving it some inline styling, try adding !important to it/.

 

[Indianparents]

Still no luck

 

[ozzy47]

Try removing the ; after none.

 

[Steve]

Yeah as ozzy47 said.

.LoggedOut .navTab.postRatings {
display: none !important;
}

 

[ozzy47]

Also, make sure you are adding it to the end of the extra.css, to ensure nothing else is overriding it.

 

[Indianparents]

That worked perfectly well. Thanks ozzy47 and Steve

 

[ozzy47]

Awesome, glad to hear it is sorted.