Editing the layout of a block

Posted in: Newspaper
Post count: 8

Hi i would like to create a block where there would be a headline first and then an image followed by the content..it seems newspaper theme doesn’t have a template for such a block. How can i change the layout of an existing block? For example i want to change the layout of block 13 such that the headline will appear first then the image and followed by partial content with read more. It would be really helpful i can put some CSS stuff to achieve it

Post count: 22421

Hello akopein,

It can be possible with CSS. I already did it for another user in this topic here: https://forum.tagdiv.com/topic/change-title-display-position/

I hope this helps
Thanks.

Post count: 8

Hi

I tried your solution . It works fine in my desktop. But when i view it in a mobile the alignment looks very bad. The previous user has also the same problem. I guess he dint test it in a mobile device. Is there some media queries we can use to get it correct in all devices.
This is my website http://theindiantelegram.com/

Mobile view
http://mobiletest.me/iphone_5_emulator/?u=http://theindiantelegram.com/

Post count: 22421

Hi,

You can use an alternative method. Edit td_module_14 in the theme files and just move the title code above the image: http://screencast.com/t/SCRthLrAq. Then use a bit of css styling to adjust the title:

.td_block_13 .meta-info-container h3{
padding-left:20px
}
.td_module_14 .td-module-meta-info{
bottom: -45px;
}

Now the responsiveness does not get affected.

Thanks.

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