why is my text unaligned within passage line?

Solved

why is my text unaligned within passage line?

kavkav04
Tourist
5 0 2

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

Screenshot 2024-03-25 at 8.18.30 pm.png

Accepted Solution (1)
PageFly-Noah
Shopify Partner
1317 233 281

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.

View solution in original post

Replies 8 (8)

PageFly-Noah
Shopify Partner
1317 233 281

 

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.

kavkav04
Tourist
5 0 2
PageFly-Noah
Shopify Partner
1317 233 281

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.

kavkav04
Tourist
5 0 2

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.Screenshot 2024-03-25 at 8.56.24 pm.pngScreenshot 2024-03-25 at 8.18.30 pm.png

kavkav04
Tourist
5 0 2

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 

PageFly-Noah
Shopify Partner
1317 233 281

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.

kavkav04
Tourist
5 0 2

thank you so much that was a good enough solution. much appreciated.

PageFly-Noah
Shopify Partner
1317 233 281

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.