Re: Help remove line spacing and change font size - Afterpay

Help remove line spacing and change font size - Afterpay

Slicks
Tourist
11 0 1

Anyone know how to reduce letter spacing and change font size on afterpay in the Dawn theme.

 

Screenshot 2023-05-08 at 2.35.35 PM.jpg

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
9725 1940 1978

Hi @Slicks please provide store URL so I can give you the solution

- Helpful? Like and Accept solution! Support me! Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

BSS-Commerce
Shopify Partner
3477 463 540

Hi @Slicks 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

---------

BSS Commerce - Shopify Apps & Development Services Provider - Shopify Expert

Level up your Shopify store with our B2B & B2C apps

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSS-Commerce
Shopify Partner
3477 463 540

Hi @Slicks

This is BSS Commerce - Full-service eCommerce Agency. We'd love to suggest you this solution:  

  1. Reduce letter spacing

From Shopify admin -> Online store -> Theme -> Edit code and find the base.css file. Add the following code at the end of the file:

 

.afterpay-main-text {
  letter-spacing: .1rem !important;
}

 

Result

view - 2023-05-11T132656.266.png

  1. Change Font Size - Afterpay
  • Afterpay is formatted as an image here.

You can add the following code to the base.css file:

 

.afterpay-logo-badge-lockup path {
  transform: scale(1.02) !important;
}

 

Hope this helps you.

---------

BSS Commerce - Shopify Apps & Development Services Provider - Shopify Expert

Level up your Shopify store with our B2B & B2C apps

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency