EasyStore UpSell Scoller Button Edit - Question | JoomShaper

is live, now with multi-currency selling.

Learn More
Back to the questions

EasyStore UpSell Scoller Button Edit

JS

Joshua Stamp

EasyStore 2 weeks ago

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

0
2 Answers
Order by
Oldest Newest Votes
JS
Joshua Stamp
Accepted Answer
2 weeks ago #233106

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.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 weeks ago #233107

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)

0