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 </head> 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 </head>

<style>
a.button.button--secondary {
  opacity: 1 !important;
    letter-spacing: 0 !important;
cursor: pointer;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly