Sela: Centering Post Title On Featured Image

• 

  marianagenoveva · Member · Feb 26, 2015 at 3:56 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I haven’t yet started using Sela and before I take the plunge, I wanted to know if this could possibly be changed with Custom CSS. I’d like the white box with the title to be centered on the featured image (like in the Twenty-Fourteen theme).
  Can this be done, and if so, how?
  Thanks so much,
  Mariana

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

• 

  staff-happychia · Staff · Feb 27, 2015 at 7:00 am

  • Copy link

  Are you referring to the Sela theme demo page when you say ” white box with the title”? If so, isn’t that already centered?

  Could you elaborate a bit please?

• 

  marianagenoveva · Member · Feb 27, 2015 at 7:12 am

  • Copy link

  Oh, yes, I can see that I wasn’t clear. The box on the Front page of the Sela demo is centered. But I meant the blog post titles.
  If you go to the Sela demo and click through to the blog (not the home page), you’ll see that the post title overlaps on the featured image. But the white title box for the posts extends all the way to the right, so that while the left shows a bit of the photo, the bottom right corner of the photo is obscured by the post title.
  I’d like to change that so that the overlapping part of the post title/the white box is centered, so that we can see the bottom left and right corners of the image (like in the Twenty Fourteen theme’s feature images–like the first post titled “Featured Images Really Shine in This Theme”).
  Thanks!

• 

  staff-happychia · Staff · Feb 27, 2015 at 9:03 am

  • Copy link

  Thanks for taking time to explain. I get it now :-)

  Currently there is 0 right margin on the featured images. I set it to 7.5em which seems to do the trick. You can adjust it to your liking.

  .post-thumbnail + .entry-header {
      margin-right: 7.5em;
  }

• 

  marianagenoveva · Member · Feb 27, 2015 at 4:05 pm

  • Copy link

  Thanks so much!