A product page that has an UpSell section the native scollbar arrows are defualt to difficult to see and postioned Top and right of the UpSell items. The single page template does not allow edit the scroll bars arrows.
I would like the scollbar Arrows to be center of page. .sppb-productlist-slideshow-arrows Flex Justify Right
I would like to customize the color.
Who can this be achieved
Please add this feature to the UpSell ScrollBar attributes
I've added only the require css need to edited the shape and color chage without effecting the rest of the element s.
.sppb-productlist-slideshow-arrows i {
background: #b89d65;
color: #ffffff;
border-radius: 10px;
}
All that is left is to center the flex to the page, that one I have not figured out. Anyone have a solution, doe snot need to be support.
Hi there,
Thank you for reaching out. Please add this css code inside the custom.css file.
.sppb-productlist-slideshow-arrows {
width: 100%;
display: flex;
justify-content: center !important;
align-items: center;
}
.sppb-productlist-slideshow-arrows i {
background: #a24330;
color: #ffffff;
border-radius: 10px;
}Best regards,
Toufiqur Rahman (Team Lead, Support)