Is it possible to make that subscription button look bigger and more balanced with the rest of the p

Solved

Is it possible to make that subscription button look bigger and more balanced with the rest of the p

sofiakarkus
Tourist
26 1 4

Hi!

Screenshot 2024-09-04 115055.pngIs it possible to make that subscription section look bigger and more balanced with the rest of the page?

placentactive.com.au

 

Thank you!

Accepted Solution (1)

Debular
Tourist
30 2 3

This is an accepted solution.

.product__subs__option{
    font-family: HKGrotesk-RegularLegacy !important;
    font-size: 18px !important;
}

Please add this to the custom CSS section. It will make it bigger.
Here how the result should be

Debular_0-1725422447527.png

 

View solution in original post

Replies 4 (4)

Debular
Tourist
30 2 3

This is an accepted solution.

.product__subs__option{
    font-family: HKGrotesk-RegularLegacy !important;
    font-size: 18px !important;
}

Please add this to the custom CSS section. It will make it bigger.
Here how the result should be

Debular_0-1725422447527.png

 

sofiakarkus
Tourist
26 1 4

Thank you so much, everyone! It worked, thank you for your time!

BSSCommerce-B2B
Shopify Partner
1440 402 466

@sofiakarkus , Locate the following code in the theme.css file and modify it to the desired size

BSSCommerceB2B_0-1725422593123.png

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Tech_Coding
Shopify Partner
163 47 47

Hello @sofiakarkus 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .product__price--off {
      font-size: 30px !important; /*adjust size according to you*/
  }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.