Column Content Image Cropping

Posted in: Newspaper
Post count: 4
tmerigan
#230188
Apr 24, 2018 at 5:50 am

Hi guys,

I’m updating my archive pages with the new column content element.

But when I set my image at 100% height it crops it. I don’t want to set it as px as on different devices it crops.

https://www.haveagonews.com.au/digital-issues/2018-digital-editions/

You can see here one is just a normal image and the other is column content which has cut off…

Just wondering what to do…

Thanks
Tahlia. xx

Post count: 4
tmerigan
#230207
Apr 24, 2018 at 8:41 am

Also I hunted through the forums but can’t find a way to make Fancy text with image or text with image have a coloured background or more a block of colour to break up my website.

Like this for example Screenshot 1

Thanks
Tahlia. x

Post count: 20688
Simion C.
#230252
Apr 24, 2018 at 11:10 am

Hi,

That happens because that element sets the image as background, and uses a background property that covers the available space. Other elements have the option to choose how you want the image to look as background
– https://www.screencast.com/t/A3rOLizDD2
But this one does not. I could give you a code to chnage it with this result
– https://www.screencast.com/t/nz1l7LK3B
Or you could try other elements that can display images and experiment with them. If you want to use the code and give it a try it has to be entered in Theme panel->Custom CSS

.tdm_block_column_content .tdm-image-holder > div {
background-size: contain;
}

A background color can be set for the Fancy text with image element, if that is what you need
– https://www.screencast.com/t/MRlq1UuX9pC

Thanks

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.