Return to previous page

Quick view (color, border radius) - by misha

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

misha

Participant

April 24, 2021 at 15:50

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

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

С уважением,

#285324 Copied Theme version: 7.2.7

13 Answers
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
#285354 Copied
misha

Participant

April 25, 2021 at 10:23

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

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

С уважением,

#285380 Copied

Rose Tyler

Support staff

April 25, 2021 at 10:31

Hello,

You’re welcome!

Regards

#285381 Copied

misha

Participant

April 25, 2021 at 13:54

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

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

С уваженем,

#285396 Copied
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
#285400 Copied
misha

Participant

April 25, 2021 at 15:28

Спасибо!

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

С уважением

#285409 Copied
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
#285412 Copied
misha

Participant

May 2, 2021 at 14:20

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

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

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

С уважением,

#286127 Copied

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

#286166 Copied

misha

Participant

May 3, 2021 at 15:10

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

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

Please contact administrator
for this information.

#286212 Copied

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

#286270 Copied

misha

Participant

May 4, 2021 at 16:54

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

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

С уважением,

#286322 Copied
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
#286385 Copied
Viewing 14 results - 1 through 14 (of 14 total)