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 Deceptive, Mar 31, 2015.

  1. Deceptive

    Deceptive Active Member

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

    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 likes this.
  3. Deceptive

    Deceptive Active Member

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

Share This Page