Category tag

Posted in: Newspaper
Post count: 22

Hi.

I want to move the category tag from its position under the title to the thumb (see here)

Site is wefrb.easysite.dk

I have tried to alter the code in td_module_10, but the result is not exactly what I had in mind. Can you pls help? How should I alter the php and css in order to move the category tag?

Looking forward to hearing your answer … and: thanks for a killer theme, we are soon going live!

Best regards fra Lars

Post count: 20688

Hi,

You could try a code like this – https://www.screencast.com/t/3pwHMf2fNdZ

.td_block_11 .td-post-category {
position: absolute;
top: 136px;
left: 0;
}

Thanks

Post count: 22

Looks good! Only now the category tag disappears on mobile … Can you bring it back?

🙂 Lars

Post count: 20688

By default the category tag is not displayed on that module, when viewing from mobile. Also I forgot to mention, that code should be entered in Theme panel->Advanced CSS in the desktop section and tablets. On smaller devices it may not work properly.

In order to position the tag like that I used a fixed value, because it is dependent on the module thumb. The thumbnail will not remain the same size for all devices. A solution that would work on all devices would be to position the tag in the left top corner
https://www.screencast.com/t/IfnYFr4a7a
https://www.screencast.com/t/9PR3ESbD

Post count: 22

Excellent. Thanks for a good and swift support!

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