0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING JUNE 30, 2025. Read our  Farewell Blog Post  for more info.

Override CSS on One Page

Last Post
Search Topic

  • Override CSS on One Page

    Posted 13 years 8 months ago
    • I am in the middle of tweaking a RocketTheme Template, and ran into a small design issue I want to override a template style on one Page. The problem is how Gantry works and CSS in general. Gantry sets css style attributes for various classes that are used. This is especially true with the box/container elements . A box background and border is set for the component section (.rt-block). However I like to omit this styling element for this one page. Omitting it will omit it for the entire site. What is the best approach for solving this issue?
    • Best Regards,
      Josh (aka coder4life)

      Please be patient as we help you with questions. Sometimes preliminary questions are used to better investigate and recommend solutions. Make sure to search the forum to see if your answer has been answered previously. Last, make sure to have fun! :)
    #704395
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: Override CSS on One Page

    Posted 13 years 8 months ago
    • you can add a page class suffix to the menu item's Parameters(System) then create new styles based on that page class suffix that will override the normal rendering.

      e.g.
      page class suffix: omit-style

      css: .omit-style .box1 .rt-block {background: none;}
    #704810

Time to create page: 0.070 seconds