Jump to content
dbrowne02

classes

Recommended Posts

dbrowne02

Hi, I am making the switch from DMS2 to Platform 5 and have a few questions. 

In the documentation, it mentions adding more than one class. I am not sure I understand why one would need to add multiple classes to a section. Can anyone give an example where that might come in handy? 

Similarly, the documentation talks about utility classes. I can't get these to work. Where do I add 

.no-margin-top { margin-top: 0; }

for example? Do I add it to custom css/less. If so, where do I input no-margin-top so that there is no margin to? 

Thanks in advance. 

 

 

 

Share this post


Link to post
Share on other sites
Andrew

hey there, 

We don't use 'utility' classes anymore in the framework itself since it's not considered best practice to bloat things with those, (so you must be referencing outdated docs... reference pl5 stuff here: https://www.pagelines.com/resources/)

As for adding multiple classes on elements, that's done all the time with CSS, so again im not familiar with what you're referring to. 

Can you please clarify? happy to help of course

Share this post


Link to post
Share on other sites
dbrowne02

Hi Andrew, 

I was looking at this page .https://www.pagelines.com/articles/resources/additional-section-classes/ It says this: 

Add Mulitple Classes

To add more than one class, separate each class name with a space. As shown in the example below.

Multiple Class Names

 

I am not sure I understand why one would need to add multiple classes to a section. Can anyone give an example where that might come in handy?

That same page says 

 

Utility classes are CSS rules that apply a specific style that you may use frequently. This could be adding a certain background image or color, remove margin or padding and/or add a specific color to text.

 

.red-text { color: #FF0000; }
.blue-text { color: #0000FF; }
.white-text { color: #FFFFFF; }
.black-text { color: #000000; }

.no-margin-top { margin-top: 0; }
.no.margin-bottom { margin-bottom: 0; }

.no-padding-top { padding-top: 0; }
.no-padding-bottom { padding-bottom: 0; }

You can now add the class name to a section or sections and this will apply that classes styling to that section or sections.

In the examples above, the class name would be red-text, blue-text, white-text, black-text, no-margin-top and etc...

I am not sure where .no-margin-top {margin-top: 0; } goes, for example. Does that go into the CSS editor, or some other place? 

Where does no-margin-top go once I've put the no-margin-top {margin-top: 0; } into the correct place? 

 

Thanks,
David

 

Share this post


Link to post
Share on other sites
dbrowne02

Hi, I wanted to follow up on this. Thanks a lot. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×