Text overlay on images – covers too much on mobile

Posted in: Newspaper
Post count: 6
zedonk
#284674
Mar 21, 2019 at 2:53 pm

Hi,

I’m using the feed template where the text/meta field overlays the bottom part of the article image.

I love the design – on desktop. But on mobile it covers way too much of the image. Please see this screen shot from an Iphone 8:

https://bitzmagasin.se/wp-content/uploads/2019/03/Mobile.jpg

Any idea on how to fix that?

Best,
Goran

Post count: 35449
Calin
#284810
Mar 22, 2019 at 8:37 am

Hi,

Unfortunately in this way was design the style for that block, the title of post will come over feature image, if the title is very long, then it will overlay a big part of feature image.

Thank you for your understanding!

Post count: 6
zedonk
#284835
Mar 22, 2019 at 10:09 am

Ok, I see.

Is there a way to make the title font on mobile smaller, for just this feed, with some custom CSS?

Wouldn’t that be a way to make the text block smaller as well?

Post count: 35449
Calin
#284909
Mar 22, 2019 at 2:21 pm

Hi,

Yes, you can set a custom css for smaller title for example from this -> https://www.screencast.com/t/YZbLIZ547Zu in this https://www.screencast.com/t/CfM2RBgxu3V
.td_block_13 .td_module_14 .entry-title {
font-size: 14px;
font-weight: 600;
}
You’ll need to set the above code in Newspaper>Theme panel>Custom code > Advance css section phones -> https://www.screencast.com/t/W3oEVWzh2Kv

Thank you!

Post count: 6
zedonk
#284952
Mar 22, 2019 at 4:04 pm

Ok, I’ll try that. Thanks!

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