Styling a Page containing a sections list - Forum | JoomShaper
Staff replied SP Page Builder

Styling a Page containing a sections list

Asked by Fabio Ruggiero 4 months ago Last activity 4 months ago

I have a page with multiple sections. Each section is composed of 2 columns. In the left column there is a Person element. In the right column there is a 3 tabs element. I need to repeat the section for every person composing the research group.
So, I duplicated the section and changed parameters (name, picture, text, etc.)
I would like to customize the obtained sections list, using the file custom.css. How can I give a generic name to the <div> so that I can apply some properties to all sections, also on different pages with the same structure?
If I can’t do it this way, could you please suggest an alternative?
I’m using the HelixUltimate template on Joomla 5.
Thank you
Carmen

1 reply

Paul Frankowski Senior Staff
4 months ago · edited

Ciao Carmen,

Easy. In each Section settings in "Style" tab you can find:

  • Section ID
  • CSS Class

info__174.png

And after filling field(s) it will be used (visible) in first <div> that create section HTML code.

info__175.png

Log in to reply.