Change some colors

1- How do I change the color of the triangle in the video icon on the product page?
2- How do I change the color of the image navigation arrow on the product page, and how do I enlarge the arrow?

Please see the explanatory link, thank you

https://imgur.com/w6P1prj

Hello,

Please provide the product URL where you want to change the color we will give you custom CSS.

If you have any questions please feel free to contact us.

Best Regards

[mrx77]

1- I want to change the color of the video icon to red.
2- I want to enlarge the navigation arrow between the images on the product page.
https://imgur.com/w6P1prj

I attached the product link

• This reply was modified 1 year, 6 months ago by mrx77.
• This reply was modified 1 year, 6 months ago by mrx77.
• This reply was modified 1 year, 6 months ago by mrx77.

Hello,

Sorry, I do not see any video on the product, I tried others, and still nothing. Please provide the product URL.

Best Regards

The link is in Private content in the previous post

Move the navigation arrow and the image with the video will appear

https://imgur.com/qxZ6JhL

Hello,

Find and change this code:

body .wd-action-btn.wd-style-icon-bg-text a::before {
    background-color: red;
    color: white;
    font-size: 13px;
}

You can find the code in Theme Settings > Custom CSS.

Best Regards

Color changed successfully.
I need now

2- I want to enlarge the navigation arrow between the images on the product page.

https://imgur.com/M1zUyOs

3- How do I remove the cart tag above the product on the store page?
Illustrative image

https://imgur.com/R3QNUfO

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-btn-arrow:after {
    font-size: 44px;
    line-height: 1;
}
body .wd-btn-arrow:before {
    font-size: 44px;
    line-height: 1;
}
body .product-grid-item .wd-action-btn {
    display: none;
}

Best Regards

Please, I want to hide the inactive arrow.
Please see the picture

https://imgur.com/BTusqJd

Product images contain 2 arrows
One is activated and the other is inactive
Please hide the inactive arrow, because I have a lot of customers clicking on the inactive arrow

Hello,

I am afraid there is no option to do that. We can either show them or hide, regardless its state.

If you have any questions please feel free to contact us.

Best Regards

No need of inactive Arrow
Because store visitors click on it
Please hide the arrow regardless of its condition

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.owl-nav>div[class*="prev"] {
    display:none;
}
.owl-nav>div[class*="next"] {
    display:none
}

Best Regards

[Author]

Posts