I added three custom HTML blocks:
This is how they look like in the product page:
This is the code of one of these HTML blocks:
Now, I want to remove the spacing below of these 3 HTML blocks.
But the bottom margin is applied to the container of each these HTML blocks.
So I need to go outside of this HTML blocks, and onto the Product page CSS.
But I would need the CSS Class Names of each of these 3 HTML blocks.
To call them in the Product page css and remove the bottom-margin.
Although there is a default class name for them which is “product-block”,
When I use the class name “product-block” it edits all the other blocks as well.
I only want to edit these 3 HTML blocks I added.
So I would need their class names, how do I know/where do I get their class names?
Thank you so much.


