Arrow Style in Product block

How can i customize the arrow style,width and height of product block?

Attachments:

You must be logged in to view attached files.

Hello,

First of all, add some custom CSS class to the section with that carousel of products (in my case it is carousell-arrows). Then add the below code to Theme Settings -> Custom CSS -> Desktop CSS area.

.carousell-arrows .wd-btn-arrow:after {
    font-size: 35px;
}

Don’t hesitate to let me know if you need any further help or any other info.

Kind Regards

does it not work in global custom css ?

Actually, it should work in the global area, but why enable large arrow sizes for mobile devices as well. In any case, do as you see fit.

I’d be happy to assist if you have any other questions or concerns.

Kind Regards

[Ko Phyo]

ok sir. I have another question.Arrow appears only when my click is on product block.
I want to appear arrow all the time like mobile.

• This reply was modified 1 year, 9 months ago by Ko Phyo.

Hello,

The below code will help you to show the arrows without hovering.

.carousell-arrows .owl-carousel .owl-nav>div {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: visible;
}

Don’t hesitate to let me know if you need any further help or any other info.

Kind Regards

even though I follow your instructions,the arrow still appears only when my cursor is on the product block.

You can see it in my screenshot.

Attachments:

You must be logged in to view attached files.

[Luke Nielsen]

Hello,

In order to better assist you with your request, we’ll need temporary admin access to your website. Can you please provide us with the necessary login credentials? We understand the sensitivity of this request, and we assure you that we will handle your information with the utmost confidentiality.

Kind Regards

• This reply was modified 1 year, 9 months ago by Luke Nielsen.

From where can i give you admin access ?

Hello,

You can send the access via the private area (that is the below message area: https://prnt.sc/RZ5y2cgMYsYb)

I await your response.

Kind Regards

Here is what you request sir.

Hello,

Please replace the old code with the below one.

body .owl-carousel .owl-nav>div {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: visible;
}

Then clear the cache and recheck the issue.

Kind Regards

How can I customize my arrow style ?
I want to set my arrow style like this.

Attachments:

You must be logged in to view attached files.

Hello,

Such arrow style is related to Slider Revolution. Sorry to say that, but there is no option in Theme Settings available for that. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

Kind Regards

My arrow is not in the middle of the product block.
How can I arrange the px?

Attachments:

You must be logged in to view attached files.

Hello,

The arrow is in the middle of the block, here is a screenshot with more details:

https://monosnap.com/file/R0mIYTfjvMgHqlHvN3ewhmsQkgC9xX

Don’t hesitate to let me know if you need any further help or any other info.

Kind Regards

I want arrow in the middle of this.How can I arrange it?

Attachments:

You must be logged in to view attached files.

Hello,

Try to adjust the top property per your needs.

body .owl-carousel .wd-btn-arrow {
    top:45%;
}

Thanks for your time and have a great day.

Kind Regards

[Author]

Posts