Archived topic
Change colors and fonts of container
9 replies · Started by Jan on February 16, 2022
I created a comparison table with 3 containers. The issue I have, is that I cannot change the color and the fonts in every container separately. If I make some modifications to the right container, the two others change as well. I have the issue only in the area (appearance > elements) where I style the element.
Once I convert it to blocks in a blog post, I can do modifications to every container.
However, I would like to style every container separately in the elements area.
Hi there,
what is the Element that you're adding ? And where can i see that on the post ?
Currently i only see the comparison table in the post content and that looks like:
Here as an example, I put the background color of the button to gray and the element is still purple. I have the same issue with the fonts, I can change them on the right menu, but nothing happens in my container.
This kind of thing can happen if you have Copied and Pasted a Block. Try this, select the 3rd column, and from the 3 dot menu select Duplicate. Then Delete the original 3rd column. Does that have independent styles now ?
Unfortunately, it isn't working. It removed the first two columns and duplicated with the last remaining one with the "..." button. I have still the same issue.
I can change everything in the right column, but it's automatically applied to the one to the left and in the middle one.
Can you share a link to where i can see this Element on the front end ?
I updated the blog post with the table that is not working. Please find the link below
You have 'copied and pasted' elements within that content. Which means the unique classes each block uses are not unique.
See here just a couple of examples where columns and buttons have identical classes:
https://www.screencast.com/t/lp0bCZIsStD
Options:
1. Try selecting the parent Grid Block ( the parent wrapper with the 3 columns ) and Duplicating it from the 3 dot menu. This 'should' refresh the classes
OR
2. You will need to start a new grid, and build out your first column, and then Duplicate it - basically you want to avoid Copy and Pasting.
Thanks for your support. I will do option 2
You're welcome.
