Masonry

wezc4 · January 2016

Hello,

I am working on a website where I am using the portfolio block from the Muffin Builder and I am using MasonryHover Description as the style, the page can be seen here: http://www.cudedevelopment.info/samurai/our-work/

The images appear all the same size and have gaps in between. I am trying to get the effect you have on this page: http://themes.muffingroup.com/betheme/portfolio/?mfn-p=masonry-flat

How can I achieve all the images being different sizes?

TIA

Albert · January 2016

Hi,

to get this type of portfolio, you must use Masonry Flat style for portfolio and also for each portfolio item, you must select right Item Size under Portfolio Item Options section.

wezc4 · January 2016

Thank you for you help. I have two more questions:

1.) I now have the correct layout using Masonry Flat however I want the rollover effect Masonry Hover Description. How can I achieve this?

2.) I have used the Photo Box element on this page: http://www.cudedevelopment.info/samurai/what-we-do/ . I have turned off animations however the image still moves upon rollover. How can I ensure this is a static image and does not move?

TIA

Albert · January 2016

1) Which rollover effect you want to get? Please provide the link to page where from you want effect and also please provide the link to your page where you got the same item with different effect.

2) To remove this effect, please use the following css:

.image_frame .image_wrapper img:not(.ls-l) { top: 0 !important; }

wezc4 · January 2016

Hi,

Thanks for the help to date.

I have this layout and want to keep it: http://www.cudedevelopment.info/samurai/our-work/

However we want this roll over effect: http://www.cudedevelopment.info/samurai/our-work-2/

TIA

Albert · January 2016

These are 2 completely different styles and it is not possible to move the effect from 2nd link to 1st style so far. But it's a good idea so we can consider this while future updates.

Masonry

Comments