Centering Text Home Page Featured Collection Section

a46128mg · ‎03-07-2024

Hi,

I am trying to centre the description text on my home page, in particular under the featured collection sections. I am able to center the heading with no problem but not the description for some reason.

Does anyone have any suggestions for this?

Dan-From-Ryviu · ‎03-07-2024

Hi @a46128mg

Please add this code to your theme.liquid file after <head> in Online Store > Themes > Edit Code

<style>
.collection__description { text-align: center; }
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Moeed · ‎03-07-2024

Hey @a46128mg

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

Dan-From-Ryviu · ‎03-07-2024

Hi @a46128mg

Dan here from Ryviu: Product Reviews & QA app.

Could you share your store URL so I can provide the code to do that?

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

a46128mg · ‎03-07-2024

https://www.teachateau.com/pages/general-promotion

Dan-From-Ryviu · ‎03-07-2024

Hi @a46128mg

Please add this code to your theme.liquid file after <head> in Online Store > Themes > Edit Code

<style>
.collection__description { text-align: center; }
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

a46128mg · ‎03-07-2024

Thanks a lot! Successed!

Dan-From-Ryviu · ‎03-07-2024

You are very welcome!

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

a46128mg · ‎03-07-2024

Sorry, wanna ask more.

What can I do if we want to add a section so that we could select the description positition(left/right/center) from backend platform?

BrainStation23 · ‎03-07-2024

Yes you can do it you need to add some schema code .
Like this

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

Dan-From-Ryviu · ‎03-07-2024

Yes, as @BrainStation23 mentioned, it could be, but we need to add customized code.

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

a46128mg · ‎03-07-2024

Would you mind share the customized code~ tks!

BrainStation23 · ‎03-07-2024

 {
      "type": "select",
      "id": "text_position",
      "options": [
        {
          "value": "left",
          "label": "t:sections.multicolumn.settings.text_position.options__1.label"
        },
        {
          "value": "center",
          "label": "t:sections.multicolumn.settings.text_position.options__2.label"
        },
        {
          "value": "right",
          "label": "t:sections.multicolumn.settings.text_position.options__3.label"
        }
      ],
      "default": "left",
      "label": "t:sections.multicolumn.settings.text_position.label"
    },

Based on this code you need to change your liquid file code

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

Moeed · ‎03-07-2024

Hey @a46128mg

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.collection__description.body.rte.scroll-trigger.animate--slide-in p {
    text-align-last: center !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

BrainStation23 · ‎03-07-2024

Hi @a46128mg

You can follow these steps to solve your problem

Go to Online Store->Edit Code->Find theme.liquid file

Add the bellow code at the bottom of the file above </head> tag

<style>
.collection__description.body.rte.scroll-trigger.animate--slide-in p {
    text-align-last: center !important;
}
</style>

Result::

Screenshot 2024-03-07 133907.png

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

Centering Text Home Page Featured Collection Section