-
Hi,
I have created a Grid container and used a Background SVG with a Text Overlay to create a badge. This works fine. I have then added a small bit of text to the right of it, in its own container, however, the text is pushing into my badge and breaking it. How do I seperate the badge and the text, so the badge stays intact.
Thanks
-
OK, so I have finally managed to align them, but I’ve had to change the 2 inner containers to V1, as the v2 containers simply were not cooperating. The container they are in is still V2 and I have had to make some strange adjustments to get this to work. Is there a simpler way this can be done using V2 or am I best to avoid V2 for this kid of stuff?
-
Hi there,
It looks like you’ve already resolved the spacing between the badge container and the text container.
To vertically align the text in the center, try the following:
– Select the left column container that contains the SVG image and set its Min Height to 120px.
– Then select the right column container that contains the text, set its Display to Flex, and set Align Items to Center.
– Finally, select the Text block inside that container and set its Bottom Margin to 0.
-
I think I managed to get it working with V1 blocks, so I guess that will do. Thanks
-
No problem, glad to hear that!
- You must be logged in to reply to this topic.