Target individual elements when using the “multi tables mode”?

Ask the Community Customization
1

Hey, I’m using the new Grid layout for my pricing table. Is it possible to customise the individual columns when using the “multi tables mode”?
For example I can use this CSS below to target the first column title, but it also applies to the first column of the second page in the “multi tables mode”. What do I need to add to the beginning of the CSS to say just target the 1st or 2nd page, column 1 title of the pricing table? Hope that makes sense.

.es-column-container:nth-child(1) .es-title {
color: #29be98;
}

Thanks in advance!

1 Like
3

Happy to see you in our Community! Welcome, @user14676 :waving_hand:

This CSS code should do the trick:

.es-widget-container:has(> .es-toggles-container > [role="button"]:nth-child(2) .es-toggles-toggle.es-toggles-toggle-active) 
.es-column-container:nth-child(1) .es-title{
 color: #29be98; 
}

Give it a try and let me know if it worked for you :wink:

1 Like