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

XF 1.5 Can't get a conditional statement to work in CSS template

Aivaras

Active member
#1
I need to set a condition for applying padding to an element. The template in question is "public.css".

My current CSS code is as follows:

Code:
    .message.horizontal .messageUserBlock a.username
    {
        margin-left: -24px;
        padding-left: 9px;
    }
I need "padding-left: 9px;" to apply only when the user chooses to be visible. In order to achieve this I enclosed it in a conditional statement:

Code:
    .message.horizontal .messageUserBlock a.username
    {
        margin-left: -24px;
        <xen:if is="{$user.visible}">padding-left: 9px;</xen:if>
    }
Unfortunately, it's not working. Where is my mistake?
 

Mike

XenForo developer
Staff member
#2
You can't use conditionals in CSS. It doesn't have access to user information. You would need to modify the HTML to add a class dynamically to detect what you want and then adjust the CSS to account for that.