'Text With Image' and 'Single Image' elements

Posted in: Newspaper
Post count: 24

1. How do I make the Image in the ‘Text with image’ have links – I would like the image to link to a page?

2. How do I add hover effect in the ‘Single image’ element

ty

Post count: 20688

Hi,

1. The button has an option to set an URL, the image does not. You could try to use different elements to create such a functionality. For example a text with title, button and single image
https://www.screencast.com/t/agZZdyYuiG8L
The result is quite similar to the text with image and also the single image element has the option to set a link for it.
Or there might be other combinations you can find.

2. What effect would you like it to have on hover? The single image does not have hover effects, maybe it could be added with a code, mention more about this effect.

Thanks

Post count: 24

Answering number 2, The hover effect I would like is when it switches to a different image when you hover – just like in the ‘column content’ element. I prefer to use the single image (instead of column content) because it is more flexible for me. Thanks again.

Post count: 20688

You could do that with CSS. With a code like this for example to start off

.td_single_image_bg {
transition: all 0.4s ease-in-out;
}
.td_single_image_bg:hover {
background-image: url("")!important;
opacity: 1;
transition: all 0.4s ease-in-out;
}

This code will affect all single images, you can make it more precise by setting custom classes for the single image elements
https://www.screencast.com/t/VfcYlbwsci

Or use the column content which does this by default, this would be easier.

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