1. 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?

Discussion in 'Styling and Customization Questions' started by Demon, Mar 31, 2015.

  1. Demon

    Demon Active Member


    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?
  2. RichardKYA

    RichardKYA Well-Known Member

    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.


    in footer template....

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

    then in EXTRA.css...

    font-size: 1em;
    font-weight: 600;
    color: #808080;
    Demon likes this.
  3. Demon

    Demon Active Member

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

Share This Page