Archived topic
[bug] Block - Hook elements overrule eachothers css
3 replies · Started by Robbert on February 9, 2022
Dear Support,
I have created two Block - Hook elements which point to two different hooks. They do point to the same location page.
Both contain just a H2 header.
Lets call them block A and block B. Block A is centered and Block B is left aligned.
When I call the hook of block A the output is generated correctly. However the CSS of block B is used. Block A is now aligned left.
Why is the CSS of blok A overruled by block B?
I think this should not be the case. And if it should be the case, how can I make it work?
Kind regards,
Robbert
Hi there,
did you copy the Block from one hook to another ? If so you probably have the same unique CSS Class for both blocks hence the CSS overriding each other.
If you need to copy from one to another, Select the block to be copied, and DUPLICATE it, then Copy the duplicated one - it will have its own unique class then.
Thanks for your quick response.
Funny thing is, I initially copied the first Block - Hook into the second Block - Hook.
Only to found out this issue. So I figured:"it must be the copied element".
This I deleted the second Block - Hook element and created a new Block - Hook element.
Now I realize I copied the same content INTO THE NEW block. Haha -DOH-
Thank you for pointing out my mistake. It already works!
Glad to hear its working!!
