before-after item

davide_starnone · November 2019

Hello,

I would like to customize the sliding circle of the Before-After item of the Muffin Builder with something like arrows.

Is that possible?

Thanks for the support.

Pablo · November 2019

Hello,

You can switch between styles of the theme in Theme Options > Global > General - it usually changes the default layout of many items

http://prntscr.com/q0mxhd

All other customizations (including this item) are available to change only by custom css code.

Thanks

davide_starnone · November 2019

Hi, Thanks for your feedback, but I was not referring to the general Theme aspect...

I was refering to the Before-After item... the one that allows to implement 2 pictures and slide between the 2, simulating a "before" and "after" effect.

See my example here: https://www.aurora.nl/career/#freedom

Bryan · November 2019

Hey,

there actually are arrows inside the circle but you cannot see them because they are white

https://themes.muffingroup.com/be/theme/shortcodes/boxes-infographics/#beforeafter

Use this CSS to change it to black:

.twentytwenty-left-arrow {
	border-right: 6px solid #000 !important;
}
.twentytwenty-right-arrow {
	border-left: 6px solid #000 !important;
}

cheers

davide_starnone · November 2019

It works great, many thanks!

before-after item

Comments