Block 15 title on image

Posted in: Newspaper
Post count: 27

Hi,

I am using the block 15 here: gwenos.com/videos

and I would like to align the title in the center of the post images (like on grid 1 on the homepage).
Same with the Top Menu images.

Thank you for any advice 🙂

Post count: 7909

Hi,

You will need custom modifications for this. I will provide an example for desktop screens as the thumbnails are to small on tablets and phones and it will not look fine. If you need this also for those devices I suggest to get a freelancer to help you.
You can add an extra class to the row and use it to target block 15 if you want this only for that page – http://screencast.com/t/gqXHi6ubETDr and use this custom css in Theme Panel > Custom Css – http://screencast.com/t/h6vs0VDn

@media (min-width: 1020px) {
.yourclass .td_block_15 .entry-title {
position: absolute;
top: 35px;
text-align: center;
padding: 3px;
}
.yourclass .td_block_15 .entry-title a {
color: #fff;
font-size: 13px;
}
}

Thanks!

Post count: 27

Thank !

I followed your steps but unfortunately it doesnt work. It looks same like before. I also cleared cache etc but no change :/

Post count: 22421

Hello,

I have also tried Alin’s code and it worked : http://screencast.com/t/cJvtTfro
Make sure you use the class you give the row in your code. If you skip this step and do not change the code it will not work. You can also try it without a custom class but then it will apply on every block 15 in your website, not just on the specific page. However this only works for the desktop version. The mobile one has smaller images and is harder to fit the titles inside them.
Please check the steps again and make sure you did not miss anything.

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.