[Resolved] Single product page style

[Denis]

Hello,

I would like to change the look – the order of appearance of elements on a single product page.

Details in a private message.

Thank you!

[Ying]

Hi Denis,

Try this CSS:

@media (max-width: 768px) {
    .product {
        display: flex;
        flex-direction: column;
    }
    p.has-text-color.has-text-align-right.has-vivid-red-color {
        order: -1;
    }
    .summary.entry-summary {
        order: 1;
        display: flex;
        flex-direction: column;
    }
    .woocommerce-product-rating {
        order: 1;
    }
    .custom-woo-wrap {
        order: 2;
        display: flex;
        flex-direction: column;
    }
    .woocommerce-tabs.wc-tabs-wrapper {
        order: -1;
    }
}

Let me know 🙂

[Denis]

Thank you very much for the quick and accurate solution! 🙂

[Ying]

No problem Denis 🙂

[Author]

Posts