Fixing image to container size in Grid layout
By John on Thursday, 25 January 2018
Posted in General
Replies 8
Likes 0
Views 516
Votes 0
hey guys, I have been trying out the grids layout and was wondering how I get the images for the posts to fit the containers as we did in magazine layout. I have tried the following code in my custom CSS but it's obviously not right.

body #eb .eb-blog-grid-image {
background-size: contain !important;
background-position: center !important;
}

I have disabled the showcase option in the wireframe so using an over ride. and I have now used the easyblog showcase module to replace this and have the same image size issue here - I have it set up as magazine option here, is it possible to get this to size to the container?
Try this following CSS and see how it goes.



body #eb.mod-easyblogshowcase-magazine .eb-gallery-cover__img {

    background-size:  contain !important;

	background-position: center !important;

}
Arlex Wong
·
Friday, 26 January 2018 11:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey John,

May I have the URL to the page please?
Mark
·
Thursday, 25 January 2018 20:59
·
0 Likes
·
0 Votes
·
0 Comments
·
sorry, http://manycaps.com/contact/grid.html
login details are already loaded
John
·
Friday, 26 January 2018 02:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Alex, that has constrained the size in the showcase module, although I now have black lines top & bottom but has had no effect on the actual grid images.
John
·
Friday, 26 January 2018 12:54
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome John, actually i did compared with the magazine and grid layout, it seems like those blog item image seems same for me, you can check my screenshot below.

Am i miss something here? Please advise.
Arlex Wong
·
Friday, 26 January 2018 13:12
·
0 Likes
·
0 Votes
·
0 Comments
·
I'm not seeing that at all on any browser (Chrome, Opera & Firefox) I'm clearing both site cache & browser cache in fact firefox had never seen that page so was 100% new and still don't get what your seeing. Strange
John
·
Friday, 26 January 2018 13:20
·
0 Likes
·
0 Votes
·
0 Comments
·
have got it coming through now.
John
·
Friday, 26 January 2018 13:26
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome.
Arlex Wong
·
Friday, 26 January 2018 13:29
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post