FAQ Section in Product page

Solved

FAQ Section in Product page

NikosBat
Excursionist
258 0 38

Hello guys, I have a question about my FAQ Section my product page, how can move the containers a little more down so that this would be centered to the image?

 

Bildschirmfoto 2024-12-25 um 00.50.07.png

Accepted Solution (1)

DaisyVo
Shopify Partner
2810 337 390

This is an accepted solution.

Hi @NikosBat 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

.collapsible-content.collapsible-row-layout.isolate .collapsible-content__wrapper > .page-width > .grid.collapsible-content__grid > .grid__item:nth-child(2) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

 

Here is the result:image_720.png

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 6 (6)

AnneLuo
Shopify Partner
1251 222 256

Hi , @NikosBat 

Can you please share the store URL so that I can assist you?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Guleria
Shopify Partner
3953 791 1123

Hello @NikosBat ,

 

Please add this css

#shopify-section-template--22708756021580__collapsible_content_iH7YMU .collapsible-content__wrapper .grid__item:nth-child(2) {
    /* border: solid; */
    margin-top: 0;
    padding-top: 3rem;
}

 

Regards
Guleria

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
NikosBat
Excursionist
258 0 38

Hello Guleria, thank you very much that solved my Problem

DaisyVo
Shopify Partner
2810 337 390

This is an accepted solution.

Hi @NikosBat 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

.collapsible-content.collapsible-row-layout.isolate .collapsible-content__wrapper > .page-width > .grid.collapsible-content__grid > .grid__item:nth-child(2) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

 

Here is the result:image_720.png

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
NikosBat
Excursionist
258 0 38

Hello DaisyVo, I get an  error code when I paste the code into the css section 

 

Bildschirmfoto 2024-12-25 um 12.40.29.png

NikosBat
Excursionist
258 0 38

Ok now I found it I paste the code in the wrong place thank you