All things Shopify and commerce
I have added an external font (Bangla MN) which for some reason has caused the font to go up 5-10pixels from the intended path, as you can see in the button and also the highlighted word. its a bit more difficult to tell that all text is this way as the background is white but I can say it definitely is, some help fixing this issue will be greatly appreciated!!
thanks
Solved! Go to the solution
This is an accepted solution.
hi @kavkav04 Hi. I have checked . Because it is a font rule, it cannot be changed. But if you want to use that font, you can use this method to align the text in the aligned button so it is more balanced. As for line-height, I've tried many ways but can't change it.
Please add code here to file theme.liquid and above tag </head> to align text in button:
<style>
.image-with-text .image-with-text__content .button{
padding-top: 5px !important;
}
</style>
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.
This is Noah from PageFly - Shopify Page Builder App
I can help you. Please can you provide the website url. Thank you.
Best regards,
Noah | 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.
Hi @kavkav04 Thank you. You mean want reduce font-size of title and button ?
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.
no no, my issue is that the texted isn't centred vertically. I have attached an image of what it should look like, this image is of the storefront using a stock font from Shopify. The uncentering issue came about after I added an external font from adobe.
the first image is how to text should align. I am new to Shopify so I'm not exactly sure how this issue even started, thank you so much for the help
This is an accepted solution.
hi @kavkav04 Hi. I have checked . Because it is a font rule, it cannot be changed. But if you want to use that font, you can use this method to align the text in the aligned button so it is more balanced. As for line-height, I've tried many ways but can't change it.
Please add code here to file theme.liquid and above tag </head> to align text in button:
<style>
.image-with-text .image-with-text__content .button{
padding-top: 5px !important;
}
</style>
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.
thank you so much that was a good enough solution. much appreciated.
Thank you so much. Have a nice day.
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.
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025