Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adjusting Arrow Size, Color and Thickness On A Product Carousel


KatlynGambill

Question

  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0

Hi, Add to Design > Custom CSS

.ProductItem .product-item-gallery-carousel-control::after, .ProductItem .product-item-gallery-carousel-control::before {
    border-color: green;
    border-width: 5px 5px 0 0 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 1/21/2022 at 7:02 PM, failbetter said:

@tuanphan

 

Is it possible to make them smaller? or replace with a different arrow? 

The url doesn't exist

https://reviverestoreco.com/shop/p/buddhas-triangle-bracelet-set

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
15 hours ago, failbetter said:

I'm trying to do it here too - https://www.sucoca.com/shop/p/handmade-chocolate

any ideas? @tuanphan

 

Add to Design > Custom CSS

/* Individual Products - Slideshow arrows */
div.ProductItem-gallery-carousel-controls button {
    width: 50px !important;
    height: 50px !important;
    min-height: unset !important;
}
.ProductItem .product-item-gallery-carousel-control::after {
    width: 30px !important;
    height: 30px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...