Make fonts within button same as overall theme

[letsgetwasted]

Hi,

The fonts in my “button” seem to have wider spacing and they go lighter grey - is there a way to make them have normal spacing + take the same colour as the body text of that theme? I can’t see anywhere to adjust this.

Shopify URL: https://65a186-44.myshopify.com/

Password: meerew

Thank you

[BSSCommerce-B2B]

Hi @letsgetwasted ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

a.button.button--secondary {
    opacity: 1 !important;
    letter-spacing: 0 !important;
}

Step 3: Save your code and reload this page.

=>> The result:

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

[BSSCommerce-HDL]

Hi @letsgetwasted ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

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

.image-with-text__content.image-with-text__content--middle .button {
    opacity: 1 !important;
    letter-spacing: 0 !important;
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[PageFly-Richard]

Hi @letsgetwasted

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly