Test Server Support

I tried in both Safari , Chrome, I cleaned cach, even tried with this code ,still
.owl-next{
border: none !important;
background: url(images/arrow.jpg) no-repeat ;
display:block;
}

.owl-prev{
border: none !important;
background: url(images/arrow.jpg) no-repeat ;
display:block;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
background-color: hsla(0, 0%, 100%, 1) !important;
color: hsla(0, 0%, 0%, 1) !important;

}

any solution,

Hello,

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

/*to make them always visible*/

body .owl-carousel .owl-nav>div, .show-arrow .wrap-loading-arrow>div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    pointer-events: none;
}

This is the code customize the arrows, insert the styles as per your needs:

body .owl-nav>div[class*=next]:after, .wrap-loading-arrow>div[class*=next]:after {

}
body .owl-nav>div[class*=prev]:after, .wrap-loading-arrow>div[class*=prev]:after {
/*insert here and remove this comment*/
}

Best Regards

Hello dear,

that’s a great job you guys are doing on the chackout page. Please, could you share with me the codes on how I add the coupon code just right before the total? like you have on your website.
see the attached picture please.

your help is highly appreciated, Thank you so much!

Attachments:

You must be logged in to view attached files.

Hello,

The HTML structure does not allow changing this with CSS, it requires customization not covered by our support.

If you have any other questions, please create a new topic I will close this as it is not convenient working with such a long multi-issue thread.

Best Regards

[Author]

Posts