Other template same as extra.css

[luutruong]

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

 

[Jake Bunce]

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

<xen:include template="YOUREXTRA.css" />

 

[luutruong]

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

 

[Jake Bunce]

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.

 

[luutruong]

ok..thanks you..i like discussion with you...i can learn more from you..
Thanks again

 

[TPerry]

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.

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;
}

 

[Jake Bunce]

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

 

[Russ]

Try just

#copyright { float: none !important; }

 

[TPerry]

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

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; }

 

[TPerry]

Try just

#copyright { float: none !important; }

Tried that and still no work..

 

[TPerry]

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

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