[happytogetherParticipant]

There are ids assign by xtheme for sections, such as #x-section-12, #x-section-1, how can I give a unique id for my section since we may need to move the order around different sections?

Thanks,
Annie

[LelyModerator]

Hello Annie,

Section id was automatically generated and it’s already unique. First section would always be #x-section-1 then next would be #x-section-2 and so on. Although, if you want to assign your own, you can set it on the ROW element. When you click SECTION > ROW > Inspect element and you can see the option to assign ID.

Hope this helps.

[happytogetherParticipant]

Thanks for the reply, sometimes we need to move the section up or down and the unique id assigned by xtheme changes.

For example, we have 10 sections in one page and we have some custom css for #x-section-1 then we move it to the last section of the whole page so now the id is #x-section-10. So, we need to change all the custom css from #x-section-1 to #x-section-10 and it’s not efficient.

Do you have a better way to accomplish this?

Thanks,
An-Ni

[John EzraMember]

Hi Annie,

Thanks for updating the thread! As mentioned in the previous reply, you can add your own ID to the row element. This will work on the section as well, and also with classes. Once entered you can use the ID or Class as a selector in your CSS.

Hope this helps – thanks!

[happytogetherParticipant]

Thank you so much, it really helps, can’t find it before the screenshot : )

[ZeshanMember]

You’re welcome! 🙂

[Author]

Posts