How to center product price on hover in Dawn theme?

Store Design
1

I followed this guide and it worked but the product price isn’t centered and I cant figure out how to.

Website

NVIDIA_Share_9DuxBlK5Ha.png
NVIDIA_Share_9DuxBlK5Ha.png284×365 40.5 KB

2

Hi @Witness ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.card-information>.price {
   text-align: center !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
3

Would it also be possible to make the text larger and remove the underline?

4

@Witness , Yes, you can add this code to component-card.css

.card__information > .card__heading.h5 >a {
    font-size: 16px !important;
    text-decoration: unset !important;
}

Note: You can adjust font size value to match your store

1 Like
5

Thank you so much! this worked perfectly!