Position featured image title

  • Resolved El Sapo

    (@el-sapo)


    6 years, 8 months ago

    How would move the title of featured images to the bottom left corner of each image? Currently it defaults to the top right of each featured image.

    I’ve tried adjusting the position by adjusting the padding and position attributes of .masonry-item-header, .entry-header, .grid-item-header but can’t get it to work.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author satoristudio

    (@satoristudio)

    Hey @el-sapo, unfortunately it’s not possible to force the title of a masonry grid tile to display in the bottom left corner instead of the top left without hacky workarounds, since the height of the tile itself is automatically adjusted depending on the side of the screen of the viewer’s device. You could try this custom code, but I won’t give a 100% guarantee it’ll work:

    .masonry-item-content {
display: table; 
}

.masonry-item-header {
display: table-cell;
vertical-align: bottom;
}
    Thread Starter El Sapo

    (@el-sapo)

    Great! Helped a bit, thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Position featured image title’ is closed to new replies.