Return to previous page

Changing sizes of arrow and background in cross sell products

This topic has 5 replies, 2 voices, and was last updated 2 years, 8 months ago ago by Olga Barlow

Martine

Participant

February 21, 2022 at 15:38

Hi!
Please check https://www.loom.com/i/b7a7fae96cbf41f2be65f9b8fa355226

How can I change the size of the square backgrounds and the colors of these two arrows?

I tried YellowPencil but the arrows won’t show in the mobile view of yellowpencil.

#318039 Copied Theme version: 8.0.10 WooCommerce version: 5.9

4 Answers

Olga Barlow

Support staff

February 22, 2022 at 21:50

Hello,

Could you, please, provide us with link to page where you use that slider? We’ll check and give you custom code to change the arrows bg color.

Regards

#318147 Copied

Martine

Participant

February 23, 2022 at 08:05

Hi!

On mobile phone (cross sell items): https://ateliersage.nl/product/gasten-handdoekje/

#318201 Copied

Martine

Participant

February 23, 2022 at 15:45

I need to put the shop on Under Construction. Please check private content area

Please contact administrator
for this information.

#318240 Copied
Olga Barlow

Support staff

February 23, 2022 at 21:18
Hello,

Add the below code to Theme Options > Custom CSS
```
.cross-sell-products-wrapper .swiper-custom-left, .cross-sell-products-wrapper .swiper-custom-right {
    background-color: #b5b09f;
    color: #fff;
}
```
Regards
#318278 Copied
Tagged: arrow sizing, background sizing, cross sell products, template customization, wordpress woocommerce
Viewing 5 results - 1 through 5 (of 5 total)