Class ID's and duplicate pages - Post...

User 2147473 Photo


Registered User
156 posts

I'm wondering what the best approach is when duplicating a page. Is it better to assign specific class ID's to rows, columns, etc. when necessary, that differ from those on the initial page, or keep them the same (e.g. row-1, column-2)?

My concern is having a chaotic mess when it comes to classes. Often RSD will auto assign them, which is good, but then when I go and change a row on the index page, and I'm unaware that it reused the same row on the second page, they both are undesirably affected.

With that said...what's the best format for naming classing with regard to a duplicate page that is slightly different in layout?

Hope this makes sense. Thanks all.
User 2088758 Photo


Senior Advisor
3,111 posts

Hi Matthew,

I was struggling with the same thing. What I do now is I assign class names to every row,column,subgrid,subgridrow,subgrid column, and element on the first page I create before I start duplicating. This way I can start reusing these class names on any other page I decide to create.

For example I would reuse the class name for all paragraphs on my project. In the future I want to quickly update my font for the entire website all I would have to do is select one paragraph and change, the rest would change automatically.

In some cases you might want a certain paragraph different then the others then you would assign it an ID and select the dropdown for ID and make your changes.

The class system is one of the biggest tools to make updating across multiple pages a breeze.

HINT: You always want to rename and default class names that RSD gives ie) paragraph-1 , text-link-1, row-1, subgrid-column-1, etc... be descriptive then you can easily reuse a class over and over.

Hope this helps.

Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 434929 Photo


Ambassador
938 posts

Here as well, I usually have my own basic CSS framework in hand and apply same classes for Headings, Paragraphs, Buttons and other basic elements. and If I need extra style , I apply second class for that particular elements. ( Thanks to RSD for allowing us to apply multi classes , Now limited to four only)
Guys at coffeecup are awesometacular.
User 2147473 Photo


Registered User
156 posts

Thanks Steve, and Mansour. You've helped me a lot. It's always good to get advice from someone that's already cut a trail.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.