Using more than 1 custom.css
-
-
- Thomas Venugopal
- Sr. Rocketeer
- Posts: 118
- Thanks: 0
-
Hi,
we're using 1 template for several landingpages. To keep the custom.css small we'd love to create more custom.css and assign them to the specific pages.
How can I do that?
For example:
Landingpage 1 - goo.gl/HI5Dwg
Landingpage 2 - goo.gl/BHb5gm
On landingpage 1 I use rt_afterburner2-custom.css.
On landingpage 2 I use rt_afterburner2-custom.css too - but I have to add styles there which won't be used by landingpage 1. So the perfect solution for me would be to create a rt_afterburner2-custom2.css and assign it to the pages/menu items which need this css file.
Any other solution is appreciated because we're going to create many more landingpages.
getimo - Last Edit: 10 years 10 months ago by Thomas Venugopal.
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
I mean a few hundred lines of CSS will load in an istant so I am not sure how much css you need for a single page but I would just create the rules needed for specific pages and use the body tag that is created based on the menu item's alias as long as you have the page suffix feature turned on in the Advanced tab of the template manager.
here is a post that share some info about that body class tag. it may be helpful www.rockettheme.com/forum/joomla-templat...left?start=0#1112746 - Last Edit: 10 years 10 months ago by cdavis411.
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
Additional info on this matter.
With Gantry you can create browser specific css pages that Gantry will recognize automagically
However, to the point of your question I would suggest using the tips in my previous post here www.rockettheme.com/forum/gantry-for-joo...-css?start=0#1113320
but here is another option that may suit you as well.
extensions.joomla.org/extensions/style-a...ign/templating/14053
www.ostraining.com/blog/joomla/custom-css-component/
-
Time to create page: 0.059 seconds