Return to previous page

Category Product View Misalignment via Submenu…

This topic has 4 replies, 3 voices, and was last updated 7 months, 2 weeks ago ago by Andrew Mitchell

Ajaz

Participant

April 3, 2024 at 14:44

When you click on the main menu > shop > abaya or dress, the product image and the product description text below the image are both left-aligned.

How can they be identical to my shop page product layout? I am not able to find the options to resolve this?

#389862 Copied Theme version: 9.3.2

3 Answers

Luca Rossi

Support staff

April 4, 2024 at 07:12

Hi @Ajaz,

We’ve updated the custom CSS codes to this, to make it work for categories page also:


.woocommerce-shop .content-product .product-content-image,
.woocommerce.archive .content-product .product-content-image,
.single-product .content-product .product-content-image {
    width: 300px !important; /* Adjust the width as needed */
    height: auto; !important;
    margin: 0 auto;
    overflow: hidden;
}
.woocommerce-shop .content-product .products-page-cats,
.woocommerce.archive .content-product .products-page-cats,
.single-product .content-product .products-page-cats {
    padding-right: 0 !important;
}
.woocommerce-shop .product-details .product-view-light .light-left-side,
.woocommerce-shop .content-product h2.product-title,
.woocommerce-shop .content-product .products-page-cats,
.woocommerce-shop .content-product .price,
.single-product .product-details .product-view-light .light-left-side,
.single-product .content-product h2.product-title,
.single-product .content-product .products-page-cats,
.single-product .content-product .price,
.woocommerce.archive .product-details .product-view-light .light-left-side,
.woocommerce.archive .content-product h2.product-title,
.woocommerce.archive .content-product .products-page-cats,
.woocommerce.archive .content-product .price {
    text-align: center;
}
@media (max-width: 480px){
    .woocommerce-shop .content-product .product-content-image,
    .single-product .content-product .product-content-image,
    .woocommerce.archive .content-product .product-content-image {
        width: 94% !important;
    }
}

Can you please check again?

Best Regards,
8Theme’s Team

#389925 Copied

Ajaz

Participant

April 4, 2024 at 10:48

Fab, resolved.

#390008 Copied

Andrew Mitchell

Support staff

April 4, 2024 at 10:48

Dear Ajaz,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#390009 Copied

Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Category Product View Misalignment via Submenu…’' has been successfully resolved, and the topic is now closed for further responses

Category Product View Misalignment via Submenu…

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection