Change the labels below the text in the mobile version

Posted in: Newspaper
Post count: 122

Hello, I need to put the boxes that are located at the top left as the one below with a box. Could you put it? In the computer version it looks perfectly as it is but in the mobile version it should appear just below the text. Because if it appears above on the left, it covers the entire photo. Thank you.

http://imagizer.imageshack.us/a/img923/7249/HD223I.png

Post count: 20688

Hi,

The code I gave you in another topic positions them there. You could enter those codes in the advanced CSS section, for desktop and tablets maybe
https://www.screencast.com/t/ZGg5C58U
That way it will not apply on mobile. That would be best instead of creating a code to position them again in a different way.

Thanks

Post count: 122

Hi, Simion. How can I put the labels below? I put this piece of code and do nothing. Thank you.

.td_module_related_posts .td-post-category{
left: 0;
bottom: auto;
background-color: #0072c8;
color: #fff;
padding: 6px 8px 6px;
}

Post count: 20688

Where is that block exactly, I don’t see it in your website. I will try to create another code to position the tags, if possible. It’s not above the “Ultimas Noticias” block as in your screenshot
https://www.screencast.com/t/orr7QmXt

Post count: 122

Hi, Simion. Click on a news item and scroll down and there it appears. This capture that I put to you now is of the computer version, but the version that I want I only want to modify it in the mobile and tablet. Thank you.

http://imagizer.imageshack.us/a/img921/9116/T4iX9P.png

Post count: 20688

Maybe something like this – https://www.screencast.com/t/ROfAZ1woLUs

.td_module_related_posts .td-post-category {
top: auto;
left: 110px;
display: inline-table;
}

Enter it here – https://www.screencast.com/t/ozrPr8Knzd

Post count: 122

Hello, Simion I have already tried it and it looks like this:

http://imagizer.imageshack.us/a/img921/828/TQgX4k.png

But when you put a larger label, it grabs the text below. Can not be put as the Latest news? That adapts to the text but it always remains the label in the same place. It does not matter if you put 2 lines that you put 4 lines of text and this space remains blank.

http://imagizer.imageshack.us/a/img924/1094/lvZSrm.png

Post count: 20688

No, those modules are different. In this case I can only place the tag in a fixed position, so if it’s larger or the article title is longer it will not look nice, the text will be covered up, it will not adapt.

Maybe leave it as it was before and reduce the font on mobile for example, so it will not cover the thumbnail so much
https://www.screencast.com/t/wU17jycsovhH

.td_block_related_posts .td-post-category {
font-size: 8px;
}

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