How can I center a specific text section in my online store's theme?

Solved

How can I center a specific text section in my online store's theme?

ayTra
Excursionist
37 1 11

Hi,

 

In order to justify text alignment in my store, I have recently added this code [ .rte>p {text-align: justify !important;} ] to the "assets/base.css" file and got the desired result.  Everything is right/left aligned now (justified) and I'm happy with that except for a small "reach text" section in my HOME PAGE which I want to keep centered .

 

Is it possible to make such an exception and recenter only this part or rather any other text that I want to keep centered later on?

 

Current Theme: "Studio"

 

I greatly appreciate your help.

Accepted Solution (1)

LitCommerce
Astronaut
2860 684 761

This is an accepted solution.

Hi @ayTra,

Go to Assets > base.css and paste this at the bottom of the file:

.rich-text .rich-text__blocks {
  text-align: left !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 7 (7)

KetanKumar
Shopify Partner
37634 3670 12166

@ayTra 

oh sorry for that any issue can you please send store url 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ayTra
Excursionist
37 1 11

Hi KetanKumar,

 

Thanks a lot for your care, but my store is still under construction and the URL is password protected 

LitCommerce
Astronaut
2860 684 761

This is an accepted solution.

Hi @ayTra,

Go to Assets > base.css and paste this at the bottom of the file:

.rich-text .rich-text__blocks {
  text-align: left !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
ayTra
Excursionist
37 1 11

Hi LitCommerce,

 

Thank you so much for your assistance. Yes, it worked. However, the entire "rich text" section now is not exactly in the center of the page but much better than before. At lease there is no more misalignment between the "Heading" and the "Description Text" as it was before.

 

Thanks a lot

 

 

LitCommerce
Astronaut
2860 684 761

Hi @ayTra,

If you have any further questions, you can contact me.
Happy to help you.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
ayTra
Excursionist
37 1 11

Thanks a lot LitCommerce, you are so kind.  I will certainly get back to you to use your multichannel management system once I launch my store. It looks interesting.

 

By the way, yes in fact I have a further query if you are able to help, and sure if you don't mind  🙂  

 

I'm in the process of preparing a Favicon. For this, I need to place some files in the root directory of my store, and then copy/paste some link tags into the head of my HTML.

 

How exactly to perform this?

Where can I find the root directory to place the files? 

And pasting the link tags into the head of my HTML?

 

Best Regards

ayTra
Excursionist
37 1 11

Hi LitCommerce,

 

I'm done with the Favicon. Thank you for your kindness and sorry for the inconvenience.

 

Best Regards