Re: Text Alignment

Solved

How can I fix automatic center alignment of rich text on my website?

hopeitsnotu
Tourist
16 0 2

Hello,

I had a web developer edit my website a while back and some edits he has made has caused all of my rich text to automatically center align, as shown in screenshot 1 below. I want to make it left aligned as shown in screenshot 2, which is an earlier version of my site.

I cannot find the code he edited that has caused this alignment issue. Any suggestions?Screenshot 2023-08-19 at 10.44.51 PM.pngScreenshot 2023-08-19 at 10.43.10 PM.png

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
10156 2019 2082

This is an accepted solution.

Please go to your Online store > Themes > Edit code > Assets > open base.css file, scroll at the bottom of your file, find and remove this code 

.product__info-container{
  text-align:center !important;
}

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
10156 2019 2082

Hi @hopeitsnotu 

Please share you store URL

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

hopeitsnotu
Tourist
16 0 2

Hi, my store URL is luka.supply/ but the screenshots I have shared are all draft versions of my site. The current version is not representative of my issue. Please let me know if there's anything else I can provide.

hopeitsnotu
Tourist
16 0 2

Additionally, here is the preview url to my store that corresponds to Screenshot 1 that I shared in my initial post: https://bd6tvcea4sdravrp-62081171664.shopifypreview.com

 

Dan-From-Ryviu
Shopify Partner
10156 2019 2082

This is an accepted solution.

Please go to your Online store > Themes > Edit code > Assets > open base.css file, scroll at the bottom of your file, find and remove this code 

.product__info-container{
  text-align:center !important;
}

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

David_SHT
Globetrotter
605 125 126

Hi @hopeitsnotu 

This is David at SalesHunterThemes.
In this case you should remove your custom code in file base.css file 
You can have a look on this image to know, which code should be removed
LOTUS NECKLACE – LUKA 2023-08-21 10-48-52.jpg

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)