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.

SOLVED How do you change just 1 pages CSS layout?

Last Post
Search Topic

  • SOLVED How do you change just 1 pages CSS layout?

    Posted 12 years 1 month ago
    • I'm having a blonde moment (over and over) when it comes to this - I'm reading up on page class suffix, although I know enough to get into trouble, how do I apply a class to (1) page so I can change the layout?

      Ex.
      I modified my frontpage on the lumiere template for the #rt-maintop to display an image of a shadow at the bottom of the block.

      But on my contact page, it's not the same 'layout' and the shadow image looks reterded ;) Removing the image shadow from #rt-maintop on the contact page, but still leaving the frontpage correct.

      What's the CSS to achieve that?

      Thanks in advance =D
      Mike
    • Last Edit: 12 years 1 month ago by xcrazymike.
    #966987

  • Re: SOLVED How do you change just 1 pages CSS layout?

    Posted 12 years 1 month ago
    • ok ok ok - after 2 or 3 hours of investigating and unfortunately originally overlooking what the solution is, I've found it...!

      Enable Page Suffix in the 'default' template to insert menu alias class to the body tag. Then applied CSS 'menu-menunamealiashere' and so on..

      Sigh. w00t.

      Regards

    • The following users have thanked you: Michael P

    #966991
    • Michael P's Avatar
    • Michael P
    • Sr. Rocketeer
    • Posts: 196
    • Thanks: 9

    Re: SOLVED How do you change just 1 pages CSS layout?

    Posted 11 years 2 months ago
    • Thank you so much for posting this.

      Just in case someone else wonder needs more details:

      In your template manager, got to the menu tab and set the "Enable ID" to on.
      Then you can see the new id "menu-home" on your home menu when viewing your source code. In you custom template, use this ID to target the home page.
      In my case I had to remove all the padding and margin for the default home article.

      Example:

      .menu-home #rt-main .rt-block {
      padding: 0px;
      margin: 0px;
      }

      Hope this helps
    • Last Edit: 11 years 2 months ago by Michael P.
    #1082060

Time to create page: 0.061 seconds