How To Change Width Of Thumbnail To Fit Column - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How To Change Width Of Thumbnail To Fit Column

DA

Dina Abramson

SP Page Builder 2 years ago

Hi, Using articles add-on, the thumbnail is not the same width as the column, but I cannot find the setting to change the thumbnail width and I couldn't find a way to change it by css.

https://awdtest3com/images/column_width.png

I am trying to make it look the way the standard category blog looks with 3 columns:

https://awdtest3.com/images/category-blog-image-width-fits-column-width.png

There are 2 blog pages under Resources. One is pagebuilder, the other is standard category blog.

thank you for your assistance.

0
5 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #111562

Use this custom CSS


.sppb-carousel-inner>.sppb-item>a>img, .sppb-carousel-inner>.sppb-item>img, .sppb-img-responsive{
    height: 250px !important;
    width: -webkit-fill-available !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #111441

Hi

Thanks for contacting us. Could you please give me that specific page link? And also please send the screenshot again. It does not show anything.

-Regards.

0
DA
Dina Abramson
Accepted Answer
2 years ago #111456

the page link is https://awdtest3.com/resources/new-blog

I just want the images to be the width of the column.

thanks

0
DA
Dina Abramson
Accepted Answer
2 years ago #111631

thank you.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #111632

You are most welcome.

0