Quick view (color, border radius) - by misha

This topic has 14 replies, 3 voices, and was last updated 3 years, 2 months ago ago by Rose Tyler

  • Avatar: misha
    misha
    Participant
    April 24, 2021 at 15:50

    Здраствуйте,

    Подскажите, пожалуйста, где можно изменить цвет и границы border radius в Quick view кнопке?
    https://prnt.sc/11z8hnx

    С уважением,

    13 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2021 at 07:34

    Hello,

    Use the next custom CSS code:

    .product-view-default .footer-product .show-quickly {
        border-radius: 10px;
        background-color: #415060;
    }

    Regards

    Avatar: misha
    misha
    Participant
    April 25, 2021 at 10:23

    Здраствуйте,

    Спасибо большое!
    Ваши быстрые ответы хорошо помогают.

    С уважением,

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2021 at 10:31

    Hello,

    You’re welcome!

    Regards

    Avatar: misha
    misha
    Participant
    April 25, 2021 at 13:54

    Здраствуйте,

    1) Подскажите, как добавить border radius к окну popup в Quick view?
    2) Поправить стили как на странице товара (цена, описание)

    С уваженем,

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2021 at 14:35

    Hello,

    1)

    .quick-view-popup .product-content, .quick-view-popup {
        border-radius: 10px !important;
    }

    2)

    .quick-view-popup .price ins .amount {
        color: #c62828;
        font-weight: bold;
        font-size: 22px;
    }
    

    Regards

    Avatar: misha
    misha
    Participant
    April 25, 2021 at 15:28

    Спасибо!

    Подскажите, а как поменять местами цены?

    С уважением

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2021 at 15:36

    Change this custom CSS code – https://prnt.sc/121i7p3 to

    .single-product .et_product-block .price,
    .quick-view-popup .price {
        display: flex
    }
    .single-product .et_product-block del,.content-product .price del,
    .quick-view-popup .price del {
        order: 2
    }
    .single-product .et_product-block ins,.content-product .price ins,
    .quick-view-popup .price ins {
        order: 1;
        padding-left: 0;
        padding-right: 5px
    }

    Regards

    Avatar: misha
    misha
    Participant
    May 2, 2021 at 14:20

    Здраствуйте,

    Подскажите, почему-то если есть фото, код border radius не работает в Quick view.
    https://prnt.sc/12e5hm2

    Я пытался сделать это через yellowpencil, но не могу разобраться как редактировать popup окна.

    С уважением,

    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 3, 2021 at 07:06

    Hello

    Kindly send us your website URL so that we will guide you better how to add Border Radius on your popup window.

    Robert Hall

    Avatar: misha
    misha
    Participant
    May 3, 2021 at 15:10

    Здраствуйте,

    Пожалуйста, смотрите Private content area…

    Please contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 4, 2021 at 08:33

    Hello

    We see your website URL and Popup Border Radius is working fine https://prnt.sc/12gp0jo

    Robert Hall

    Avatar: misha
    misha
    Participant
    May 4, 2021 at 16:54

    Здраствуйте,

    Спасибо за Ваш ответ.
    Я проверил, это происходит в браузере Safari. https://prnt.sc/12e5hm2
    В Google Chrome отображение нормальное.

    С уважением,

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 5, 2021 at 08:37

    Hello,

    Change this code http://prntscr.com/12ijcif to

    .quick-view-popup .product-content, .quick-view-popup, .quick-view-popup .product-content img {
        border-radius: 10px !important
    }

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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