How to move description to the left, under the product images

[Isakeve08]

I need to move the description to the left

Valorique.com

[PageFly-Garcia]

Hi @Isakeve08 

You can try to add this JS code in theme.liquid > Scroll to the bottom of the file and add the following JavaScript code just before the closing </body> tag:

document.addEventListener('DOMContentLoaded', () => {
    const detailsAccordion = document.querySelector('.product-info__accordion');
    const galleryWrapper = document.querySelector('.product-gallery__ar-wrapper');
    
    if (detailsAccordion && galleryWrapper) {
        galleryWrapper.appendChild(detailsAccordion);
    }
});

It gonna looks like this:

 Hope it helps! 

[Isakeve08]

Didnt work.

[INA_MSWEB]

Hi @Isakeve08 

To align the description to the left, you will need to modify the CSS of your theme. Here’s how you can do it:

1. Go to your Shopify Admin.
2. Navigate to Online Store > Themes.
3. Find the Dawn theme and click Actions > Edit code.
4. Locate the CSS File: In the left sidebar, under the Assets folder, look for the base.css file (or it might be named differently, like theme.css or styles.css).
5. Add Custom CSS: Add the following CSS to the file to align the description to the left:

.product-description {
text-align: left;
}

Ensure you are targeting the correct class. If the class name is different, you may need to inspect the element using the browser’s developer tools to get the exact class name. Preview your store to ensure the description is aligned to the left as desired.

If you need further assistance with theme customization or app integration, consider reaching out to us for tailored support.

Regards,

Ina