Solved

Make buttons on Image Banner bold

Justin34
Trailblazer
327 0 82

Hi all,

 

I am trying to make the text on the buttons on my image banner bold. I think bold buttons would stand out better and honestly look better. I can't figure out how to do that though. Anyone have any ideas? I am using the refresh theme.

 

My website is www.PennsylvaniaParks.org

 

Thank you in advance 🙂

ALL I THINK ABOUT IS OUR PARKS 🙂
Accepted Solution (1)

LuffyOnePiece
Shopify Partner
521 78 96

This is an accepted solution.

Hi @Justin34 ,

 

Add below css in base.css file.

 

.banner--content-align-mobile-center .banner__buttons--multiple>* {
    font-weight: 500;
}

 

 

Result:

LuffyOnePiece_0-1714527839854.png

 


Please don't hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

View solution in original post

Replies 3 (3)

LuffyOnePiece
Shopify Partner
521 78 96

This is an accepted solution.

Hi @Justin34 ,

 

Add below css in base.css file.

 

.banner--content-align-mobile-center .banner__buttons--multiple>* {
    font-weight: 500;
}

 

 

Result:

LuffyOnePiece_0-1714527839854.png

 


Please don't hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Justin34
Trailblazer
327 0 82

Worked perfectly. Thank you 🙂

ALL I THINK ABOUT IS OUR PARKS 🙂

PageFly-Henry
Astronaut
1075 309 262

Hi  @Justin34 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

a.button.button--primary {

    font-weight: bold !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.