How can i customize the shop all button in my banner in the dawn 2.0. theme?

[dnnlucia]

Hello! I need help customizing the “shop now” button on my banner.
Instead of being a button I would like it to be underlined. Like the “view all” image.
link: https://jellydropsnail.com/ password: lemonsherbet

Also if you could please help me, below the banner in the featured products, is it possible to center the text of the product name and reduce the size of the price? I would like the price to be smaller than the product name.

Thanks!!

[mageplaza-cs]

Hi @dnnlucia

I am from Mageplaza - Shopify solution expert.

For the underlined text in the banner, please add the following CSS code to the section-image-banner.css file.

.banner__buttons .button--secondary {
    text-decoration: underline;
}

For the second issue, please add the following CSS code to the base.css file.

.full-unstyled-link,
.card-information .price{
    text-align: center;
    font-size: 1.5rem;
}
.card-information .price{
    font-size: 1.2rem;
}

*Result:

Please let me know if it works as expected!

Best regards!

[dnnlucia]

Thank you so much!!! It did work perfectly!
Is it possible to remove the border?

I would like it to only be underlined without any border around the “shop now” please

[mageplaza-cs]

@dnnlucia

To remove the border of the button in the banner, add the following code to the section-image-banner.css file.

.banner__buttons a.button.button--secondary::after{
    content: none;
}

*Result:

Please let me know if it works as expected!

Best regards!

[dnnlucia]

It worked perfect!! thank you so much!!