classes

[dbrowne02+ 1]

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. 

 

 

 

[Andrew 207]

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

[dbrowne02+ 1]

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.

 

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

 

[dbrowne02+ 1]

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