Make images to fit

By Nick Mantas on Wednesday, 19 February 2020

Posted in General Issues

Replies 5

Likes 0

Votes 0

Hi ! I am interested if it is any way to make all images size to fit for frontpage components and modules !
Can you please help me ?

Hi Nick,

I see, for that, you need to add a few custom css:



#eb .embed-responsive.embed-responsive {

    background: black;

}



#eb .eb-card .embed-responsive-item {

    background-repeat: no-repeat;

    background-size: contain;

}



#eb a.eb-post-image-cover {

    background-size: contain !important;

    background: black;

}



#eb .ezb-grid a.ezb-card {

    background-size: contain;

    background-repeat: no-repeat;

}



#eb .eb-mod-thumb.is-center.is-full a.eb-mod-image-cover {

    background-size: contain;

    background-color: black;

    background-repeat: no-repeat;

}

This actually consider as customization, but I would help you for it

Having said that, if you require us to perform the customization for you, you can always request for a quote from us at https://crm.stackideas.com and select "Customizations" . Our sales person would gladly send you a quote for the customization that you have requested.

Thanks for your cooperation and understanding , Nick

Muhammad Fadhli

Thursday, 20 February 2020 13:15

0 Likes

0 Votes

0 Comments

#494010

Hi Nick,

To be honest, differents website have a different width(template/layout), which mean it really depends on how your site display the images.
May I know which page(link) that you are referring to? so that I can see the suitable image size that can be use

Muhammad Fadhli

Wednesday, 19 February 2020 11:18

0 Likes

0 Votes

0 Comments

#493810

my website is beta.intowpost ( i will tranfer it to intownpost.com at the end of the month) i can make you a support user because is ofline
but i use t3 and JA teline v template and i make some print scr how it looks like now and how i want to make it after .
As you can see now all images is croped and not fit to size with a black backround .
Is it possible to make something like this ?

Nick Mantas

Wednesday, 19 February 2020 21:56

0 Likes

0 Votes

0 Comments

#493951

Thank you very match !!!!! It is warking for all modules and component frontpage but not worked for the showcase ! Any ideas ?!

Nick Mantas

Thursday, 20 February 2020 23:14

0 Likes

0 Votes

0 Comments

#494092

Hi Nick,

I believe you are using Easyblog showcase for that and layout slick yes?
Perhaps, you can try the css below:



#eb .eb-gallery-thumb.eb-mod-thumb a.eb-gallery-cover__img {

    background: black;

    background-size: contain !important;

    background-repeat: no-repeat;

}

Muhammad Fadhli

Friday, 21 February 2020 15:44

0 Likes

0 Votes

0 Comments

#494205