Change Where Product Page Description shows up

Store Design
1

Hey There! I’m looking to edit my accordion tabs on my product page to have them show up under the image and image swatches. Right now they show up on the right of the image, below the buy now buttons and I feel like they make the page have too much white space.

Thanks In Advance!

My site is FlordCanada.ca

Screen Shot 2022-03-28 at 6.09.56 PM.png
Screen Shot 2022-03-28 at 6.09.56 PM.png2744×1864 466 KB

2

Hi @Claud123 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.product-accordion .accordion__title {
    padding: 12px 30px 10px 0 !important;
}
.tabs-wrapper {
    margin-top: 22px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

1 Like
3

@Claud123 - do you want like this? it will need code editing, are you familiar with code editing? else can you please add me as collaborator? I can do it

suyash1_0-1648522799940.png
suyash1_0-1648522799940.png1366×768 110 KB

1 Like
4

yes, that is exactly what I’m looking for, please! I cant code so if you can send the code I would really appreciate it!

5

Whatever I need to do to add you as a collaborator let me know. Or if you can just send the code I can plug it in. I really appreciate your help!

6

This didn’t work :disappointed_face: Nothing changed after i plugged it in. Thank you anyhow.

7

@Claud123 - actually the code is in theme page only, we need to put in proper place, can you please share the site link? I will send you collab request

1 Like
8

https://flordcanada.ca/products/versarubber%E2%84%A2-commercial-rubber-mats?variant=42570587144418

Here is the site link! Thanks so much!

9

@Claud123 - I have sent you the collab request, please accept and hen I can do it like you want