title in featured image

• 

  herbertraat · Member · Aug 8, 2016 at 10:01 am

  • Copy link
  • Add topic to favorites

  On my site when i use a featured image, the title is in the image. How can i change that? I would like the title is above the image.

  Extra aandacht voor historie Amstelveen

  thanks for your help,

  Herbert Raat

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Aug 8, 2016 at 12:09 pm

  • Copy link

  There’s no neat way to do that. You could shift the title up and make room for it with some padding but your titles are varied in length and so some are one line, some two, maybe even more when you take into account how the pages get re-arranged on tablets and mobiles.

  You could move it to the top of the section, and then add a semi-transparent background to separate it from the image a bit. Here’s some CSS to try, let me know what you think:

  section.cover #single-header .single-liner {
    padding-top: 0;
  }
  section.cover #single-header .row {
    vertical-align: top;
  }
  section.cover .entry-title,
  section.cover .entry-meta {
    background: rgba(0,0,0,0.3);
    padding: 0 10px 10px;
  }

• 

  herbertraat · Member · Aug 8, 2016 at 12:16 pm

  • Copy link

  Thank you very much, i’m gonna try.
  Best,
  Herbert