Hey you guys,
So I want to align the text in my cta button that’s on my product page. So when I inspect my webpage in Google I can see that the element style of the CTA button is named .tt-product-single-info .tt-row-custom-01 .btn.btn-lg. So I’ve tried a couple of things like adding this code to theme.css.liquid:
.tt-row-custom-01 { text-align: left;}
But nothing seems to work. Please tell me what I’m doing wrong here. Thank you!
@daisyweber - can you please share this page link?
Hi @suyash1 I can share the page link, but the website isn’t online yet…
I don’t know if a screenshot will help. But it might give you an idea of what i want to adjust.
And is it also possible to make the cta button a little smaller in width? Like half of it?
@daisyweber - can you share preview link? we will need to do css chagnes
So I tried something else. I tried to fix my problem using the theme editor to customize my cta buttons on the product page. I’ve managed to make the button smaller, but I still can’t seem to allign the text to the left…
@daisyweber - ok, if you can send me preview link then I can send you css
Sure, that’s https://4v3tna3svzg7xt7f-58174800078.shopifypreview.com
In the menu you need to go to Administratie en financiën > Boekhouding > e-boekhouden
@daisyweber - try this css, adjust numbers as per need.
.tt-product-single-info .tt-row-custom-01 .btn.btn-lg{
justify-content: flex-start; width: 100%; padding-left: 10px;}
Yeaasss, that worked. Thank you!