Hello,
I’m looking for a little help to adjust the positioning of the message I’ve highlighted below (in red) on my website (Dawn 2.0):
I used this piece of code to add the message (in the section-main-product.css):
.product-form .product-form__buttons:after {
content: “Checkout Securely With”;
margin-top: 10px;
display: block;
}
This allows me to adjust the height of the message relative to ‘Add to cart’.
However, I can’t seem to move it closer to the payment icons, which I added using this piece of code using a liquid element:
.product-form .product-form__buttons:after {
content: “Text content”;
margin-top: 10px;
display: block;
}
Would someone with programming knowledge be able to suggest a solution? I’m not a programmer but can add code if I know where.
Thanks,
Steven.
The issue
I’ve added a piece of text here but the spacing isn’t right and, while I can control its height relative to the add to cart button, I have no control over its space to the payment icons.
These icons are presented as result of a liquid block and this code here:
I’m not technical but if it’s clear where to put code I can add that in.
Many thanks,
Steven.