SOLVED How do you change just 1 pages CSS layout?
-
-
- xcrazymike
- Newbie
- Posts: 4
- Thanks: 1
-
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: 11 years 11 months ago by xcrazymike.
-
-
-
- xcrazymike
- Newbie
- Posts: 4
- Thanks: 1
-
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
-
-
-
- Michael P
- Sr. Rocketeer
- Posts: 196
- Thanks: 9
-
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 4 weeks ago by Michael P.
-
Time to create page: 0.073 seconds