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!
User | RANK |
---|---|
226 | |
154 | |
62 | |
52 | |
46 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023