XF 1.4 custom CSS styling syntax error, please help!

[zoldos]

Trying to do this is a .css file. It keeps producing a syntax error. Please help!!

<xen:if is="{$attachment.extension} == 'mp3' ">
    .attachment
        {
            float: left;
            width: 100%;
            max-width: 100%;
        }
           
        <xen:elseif is="{$attachment.extension} == 'mp4' ">
          .attachment
        {
            float: left;
            width: 100%;
            max-width: 100%;
        }
    <xen:else />
        .attachment
        {
            float: left;
            width: 200px;
            max-width: 100%;
        }        
    </xen:if>

 

[TJA]

Just a guess

<xen:if is="{$attachment.extension} == 'mp3' ">
    .attachment
        {
            float: left;
            width: 100%;
            max-width: 100%;
        }
       
    <xen:else />
        .attachment
        {
            float: left;
            width: 200px;
            max-width: 100%;
        }       
</xen:if> 
          
<xen:if is="{$attachment.extension} == 'mp4' ">
          .attachment
        {
            float: left;
            width: 100%;
            max-width: 100%;
        }
    <xen:else />
        .attachment
        {
            float: left;
            width: 200px;
            max-width: 100%;
        }       
</xen:if>

 

[zoldos]

I'm messing with an alternate way in the template file itself, but I'll try this. Thanks!!

 

[zoldos]

It's just not wanting to recognize the difference between the two extensions and keeps defaulting to the original code. I even tried an internal style sheet to override the linked one and it still doesn't work. Very strange! lol

 

[Steve F]

You need to do your condition in the html template, that won't work in a CSS template as far as I'm aware.

 

[zoldos]

hehehe Yeah it looks like it. I'm still messing with it.