Full height image on portfolio item description

practicald · October 2018

Hi again! I need the images on the description of a portfolio item to be full height (100vh). I tried with custom css but the result It´s a dissaster haha.

This is the current page layout https://prnt.sc/l4xm3q and the url http://abarquitectura.com.ar/portfolio-item/portfolio-estructura-2/

And this is what I want to achieve https://prnt.sc/l4xmtx . It´s similar to the revolution slider full height slider but not in fullscreen mode.

Thanks in advance

Pablo · October 2018

Hi,

I disabled it on mobile, because it look like disaster.

@media (min-width:767px){
body.portfolio-template-default .image_wrapper img{
	height:90vh !important;
	}}

Paste this code into Theme Options > Custom CSS & JS > CSS

Thanks

practicald · October 2018

That worked excellent!

I have another question.

In this page http://abarquitectura.com.ar/estudio/

I have the following layout https://prnt.sc/l5hv7f .

It´s a Highlight Left section and I´d like to achieve something like this https://prnt.sc/l5hv88 .

And also I don´t know why in some cases some areas have like a negative margin to the left as in this case: https://prnt.sc/l5hv8l .

I know that those are some minor details but I want to learn how to adjust this kind of stuff since I´m planning to keep purchasing your theme for further proyects!

Thanks again for your help.

Pablo · October 2018

Hi,

To make this image nearly equal to text, you have to use the equal height of wraps

An equal height of wraps is used to position elements on: top, middle or bottom in wraps. In order to achieve this you need to:
1. Edit your page, and go to the muffin builder. Edit a section and under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl

This 'negative margin' is normal thing.

Menu is few pixels short than menu (about 30 pixels), please tell me, what value do you have set in

Theme Options > Global > General in Grid Width option.

Cheers

practicald · October 2018

Hi! Thanks again, that worked great!

The grid width is set to 1220px

Full height image on portfolio item description

Comments

This website uses cookies