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

Other template same as extra.css

Discussion in 'Styling and Customization Questions' started by luutruong, Sep 5, 2012.

  1. luutruong

    luutruong Active Member

    Hi everyone,
    I always use my css edited in extra.css so i have more in ,
    So, how to i can create a template same as extra.css.
    where i can add any code by any class or id
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    In the EXTRA.css template you can include your own template:

    Code:
    <xen:include template="YOUREXTRA.css" />
    
     
    DEZero and luutruong like this.
  3. luutruong

    luutruong Active Member

    Thanks Jake, i can include pubblic.css or require css in page container???
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    You can't include public.css because that template already includes EXTRA.css. That would create a loop in the include structure which is not allowed.
     
  5. luutruong

    luutruong Active Member

    ok..thanks you..i like discussion with you...i can learn more from you..
    Thanks again :coffee:
     
  6. Tracy Perry

    Tracy Perry Well-Known Member

    On a somewhat related not... I am running a custom style (just basically the default exported and then my modifications done to it. Some of what I place in the EXTRA.css get included... but stuff like what you detailed above gets ignored, even if I add the !important after the css changes I want to implement. Any suggestions? (most recent was trying to center the footer info at the bottom:

    .footerLegal #copyright
    {
    float: none !important;
    }

    .footerLegal #legal
    {
    float: none !important;
    }

    .footerLegal #legal li
    {
    float: none !important;
    }
     
  7. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Please post the contents of your EXTRA.css template, as well as the URL of your forum so I can debug your style.
     
  8. Russ

    Russ Well-Known Member

    Try just

    #copyright { float: none !important; }
     
    Jake Bunce likes this.
  9. Tracy Perry

    Tracy Perry Well-Known Member

    Site located at Apple4Me.net

    EXTRA.css:

    .locked {
    opacity: 0.4;
    }
    .locked.sticky {
    opacity: 1.0;
    }

    .messageUserBlock .userField_facebook, .userField_yahoo, .userField_googleplus, .userField_twitter, .userField_gtalk, .userField_msn {
    float: left !important;
    margin-top: 2px !important;
    margin-right: -1px !important;
    }
    .messageUserBlock .extraUserInfo img {
    max-height: 32px !important;
    max-width: 100%;
    }
    @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
    {
    .messageUserBlock .extraUserInfo img {
    display: none !important;
    }
    #copyright { float: none !important; }
     
  10. Tracy Perry

    Tracy Perry Well-Known Member

    Tried that and still no work.. :(
     
  11. Tracy Perry

    Tracy Perry Well-Known Member

    Fixed it... just moved the code to the top of the EXTRA.css and it is working.. don't know why tho'.
     
    Jake Bunce likes this.

Share This Page