How to add zoom inside photo and thumbnails in muffin builder

strongmedialed

Hi here is my page https://strongmediainc.com/katipunan-intersection/ 
I want the 6 photos on the top of my page to look like this product with thumbnails https://themes.muffingroup.com/be/biker/product/turpis-egestas/ 
And make my map at the bottom of my page zoom inside the photobox like the product in this same page https://themes.muffingroup.com/be/biker/product/turpis-egestas/ instead of opening a new picture.

Is there a way to do this in muffin builder?

Pablo

Hello,

All of the gallery styles are available to see here, on the splash page:

https://themes.muffingroup.com/be/theme/pages/gallery/

We use the google maps api which does not allow do make such customizations - it will only allow you to change the marker and background color of the map.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

strongmedialed

Saw the gallery but theres nothing like this https://strongmediainc.com/wp-content/uploads/2020/08/add-this.png. Is there a way to insert this products gallery code in the muffin builder?

Pablo

Sadly, we do not have any functionality which is similar to that

You could use the slider instead, but it's not 1:1 like woocommerce image gallery.

https://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#slider

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

strongmedialed

Guess I'll go with it. Thanks!

strongmedialed

Is there a way to center the text below the image in the flat box? Its weirdly off to the right if centered.

Pablo

Where do you have that flatbox applied?

I'll try my best with CSS

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

strongmedialed

nvm though i might just put a new textbox and use a different box. Is there a way to make the zoom on hover bigger? https://strongmediainc.com/led-billboards/ like 30% more

Pablo

Please use this CSS code:

.if-zoom .image_frame:hover .image_wrapper img{
	transform:scale(1.3) !important;
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

strongmedialed

It works! Thanks!

strongmedialed

Hi again Pablo, can you help me get the left and right color of my slider revolution to this hex #2a2c6b as of now its off white.

https://strongmediainc.com/

Pablo

Hello,

You have to change the header background

Theme Options > Colors > Header - change the "Header background"

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

strongmedialed

thanks!