XF 1.4 Styling individual elements?

[Deceptive]

Hi,

How would I go about styling custom elements? For example lets say I have a phrase in the footer called "whatever". How would I be able to style "whatever" without styling all of the text in the footer?

 

[RichardKYA]

You would have to put a class or an id on the element that contains your phrase, then put all your styling in the EXTRA.css template.

Example.....


in footer template....

<span class="my_footer_phrase">{xen:phrase footer_text}</span>

then in EXTRA.css...

.my_footer_phrase
{
font-size: 1em;
font-weight: 600;
color: #808080;
}

 

[Deceptive]

You would have to put a class or an id on the element that contains your phrase, then put all your styling in the EXTRA.css template.

Example.....


in footer template....

<span class="my_footer_phrase">{xen:phrase footer_text}</span>

then in EXTRA.css...

.my_footer_phrase
{
font-size: 1em;
font-weight: 600;
color: #808080;
}

Thank you for the help, @RichardKYA, I appreciate it.