Shopify themes, liquid, logos, and UX
Hi Everyone,
This is most likely a very easy solution, but I'm not very confident on coding and breaks, etc.
I'm trying to centre my logo and the text, and make a few spaces in my abandon cart email so it flows a little bit better. This is how it currently looks - I hope that makes sense!
If anyone could kindly help me, I would be very appreciative.
Thank you! x
Charlotte
Hi, @Primroseliving.
Thanks for your question.
To better help you, please provide us with the email template you are using. It's possible that simple elements such as <center> (to center text) and <br> (to insert breaks) tags will do the trick, but it's best to see what code you are already using.
I look forward to your reply,
Olivia | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hi @Primroseliving,
Refer https://www.w3schools.com/cssref/pr_text_text-align.ASP
You can use text-align: center . Ex:
<h2 style="text-align: center;">text-align: center:</h2>
Hope it helps!
Hi, @LitExtension!
Thank you so much for sharing your advice, I trust @Primroseliving will find this helpful.
Warm regards,
Olivia | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Thank you so much for your help! Sorry, should I put the code before or after the text?
Thanks for the reply, @Primroseliving.
In the example provided by, @LitExtension, the code would render each line in a H2 tag as centered, regardless of where you place it. Here's some detailed documentation on using CSS to center text.
I will also let, @LitExtension, chime in on any additional advice.
Warm regards,
Olivia | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
It will be added directly in the HTML tag, if you don't know, just send me the full HTML code of the mail. I will check and guide you in detail.
Thank you so much, @LitExtension.
That would be very much appreciated.
Warm regards,
Olivia | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hi Again!
I'm ever so sorry to trouble you, but I'm still having trouble with making my logo and the top text central.
I've taken a screenshot of the code, and how it is appearing. Could you kindly just help guide me with making it central please?
Thank you again!
Charlotte
Hi @Primroseliving,
Please find 'shop-name__cell' and add code here:
Code: style="text-align: center"
Hope it helps!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024