Featured Image – Homepage – Sela Theme

• 

  koberlander115 · Member · Mar 9, 2015 at 10:14 pm

  • Copy link
  • Add topic to favorites

  Hello. I’m working with the Sela theme and having trouble with the front page/homepage. When I set a featured image for a wide screen look, I get a white box on top of the image and I don’t know how to remove it. Can someone help? Here’s the code:

  <p style="text-align: center;"><a href="https://kristinoberlander.files.wordpress.com/2015/03/home.jpg"><img class="alignnone size-full wp-image-59" src="https://kristinoberlander.files.wordpress.com/2015/03/home.jpg" alt="2509 x 1673" width="620" height="413" /></a></p>

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

• 

  pcosta88 · Member · Mar 9, 2015 at 11:40 pm

  • Copy link

  Hello!

  While I do not see a white box I do see white spacing at the top. If you have Custom Design as part of the Premium package you can close the white at the top of the image with the following CSS code placed in your customizer:

  img {
  margin-top: -80px;
  }

  Note also that featured images for the Sela Theme need to be the following:

  The featured image on the front page and on pages works best with images at least 1180 wide.
  Featured Images for posts should be at least 820 wide by 312.

• 

  koberlander115 · Member · Mar 10, 2015 at 12:26 am

  • Copy link

  Thanks. It should be up now for you to see. Sorry about that.

• 

  pcosta88 · Member · Mar 10, 2015 at 12:51 am

  • Copy link

  It appears with the following CSS code you can hide it. Though you do need the WordPress Premium to do so.

  .front-page-content-area .with-featured-image {
      background: none repeat scroll 0% 0% #FFF;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      margin: 0px auto;
      opacity: 0.95;
      padding: 1.5em;
      width: 456px;
      display: NONE;
  }

• 

  koberlander115 · Member · Mar 10, 2015 at 12:53 am

  • Copy link

  I’ll try that. Thanks for your help!