How can I position text under image on Athens 2.0 collection buttons?

[emilbrandon]

Hello does anyone know how to get the text on these collection buttons to be under the image instead of inside the image?

this is on our frontpage.

https://www.remlagret.se/

[suyash1]

@emilbrandon - add this css to the very end of your base.css file and check, we might need more css, but start with this

.card-overlay-media{position: initial;}

[PageFly-Henry]

HI @emilbrandon

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.card-overlay-info {

bottom: 60% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[emilbrandon]

This did not work:

they are on the top now instead. still mashed with the picture.

[emilbrandon]

thank you