0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

multiple custom.css's

Last Post
Search Topic

  • multiple custom.css's

    Posted 11 years 6 months ago
    • Hi,

      I'm using the Gantry default template and have styled my Homepage which is different than all other pages. I've done some homepag-specific css-styling in the custom.css file.

      Now I want to do some custom css-styling for all other pages but my (first) custom-css file is always laoded. Should I use multople custom-css files and how? Do I have to use overrides? but what then with custom css-rules?

      Thanks in advance.

      Mark
    #1044058
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: multiple custom.css's

    Posted 11 years 6 months ago
    • You should be enabling "page suffix" in template manager, then prefacing your css statements with body.menu-alias where "alias" is the alias of the menu item (page). so to apply things to home page only the CSS would start "body.menu-home " if you wanted to do something to all pages except the home page you would use "body:not(.menu-home) ". Therefore you don't need multiple custom CSS files - one will suffice.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1044116

Time to create page: 0.078 seconds