[Resolved] archive and css

[Author]

Posts

[kayser]

Hi

I followed the discover-wp Tours-listing site-Travel destination
As you can see in these two pages an image does not have the same height as the others and it is incomprehensible for me

hidden link
hidden link

here is the code

<div class="compagnieA">
  <div class="padder">
<h3>[wpv-post-link]</h3>
</div>
[types field='image-de-la-compagnie' alt='%%ALT%%' title='%%TITLE%%'size="custom" width='400' height='260'  crop="true"][/types]        
[wpv-map-marker map_id="map-1" marker_id="marker-[wpv-post-id]" marker_icon="<em><u>hidden link</u></em>" marker_field="wpcf-implantation-de-la-compagnie"][wpv-post-body view_template="pour-le-popup"][/wpv-map-marker]    
</div>

Thanks for your help
Guyk

[Noman]

Hi Kayser,

Thank you for contacting Toolset support. You can fix this issue by adding following CSS in your theme’s style.css file or custom CSS file.

.row.equalize {
    display: flex;
  	margin-bottom:20px
}

.row.equalize > div {
    display: flex;
  	
}

.compagnieA {
    width: 100%;
}

And it will look as in attached screenshots.

Thank you

[kayser]

Hi noman
Its much better, but the first row is higher and there is a white space below the left and right images
You think there is a way to fix it to get height='260' crop="true

[Noman]

Hello Kayser,

>> You think there is a way to fix it to get height='260' crop=’true’
You need to upload larger image dimensions than provided in shortcode attributes. If you need image height 260px then you need to upload image with height larger than 260px. And if you need image width 400px and height 160px then you need to upload image with height and width larger than 400px x 160px, so it will resize to your desired dimension.

After that you do not need to use extra CSS, I have provided in last message.
Thank you

[kayser]

Thanks a lot
Guyk