Return to previous page

Quick view Product page CSS help - by Oliver Theiß

This topic has 3 replies, 2 voices, and was last updated 3 years, 4 months ago ago by Oliver Theiß

  • Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    September 26, 2021 at 13:41

    css problem with quick view on product page

    We had actually already fixed this, but the error is back…. 🙂

    The button is missing half of the background….

    2…. Here I would like to adjust the color of the arrows, but I can’t get there myself. like in my store blue #2A3952

    http://www.deinfitnessfreund.de/wp-content/uploads/2021/09/produkt-page-qick-view-26.09.png
    http://www.deinfitnessfreund.de/wp-content/uploads/2021/09/pfeile.png

    Thanks in advance

    Oliver

    Please, contact administrator
    for this information.
    #303504 Copied Theme version: : 8.0.7 WooCommerce version: n 5.7.1
    2 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    September 27, 2021 at 11:41

    Hello,

    1) Add the below code to custom CSS

    .quick-view-popup .quantity-wrapper {
    height: auto;
}

    2) Use the following custom

    .template-container .posts-nav-btn .post-nav-arrow {
    background: #2a3952;
}

    Regards

    #303600 Copied
    Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    September 29, 2021 at 09:46

    hello olga , thank you very much

    #303862 Copied

  • Tagged: , , , , ,

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘quick view Product page CSS help’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Perfume – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.