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

XF 1.4 Styling individual elements?

#1
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

Well-known member
#2
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;
}
 
#3
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.