twentyfourteen homepage looking odd

• 

  helencarvalhido · Member · May 20, 2014 at 6:32 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I recently added a featured image to my static homepage but something odd has happened whereby the text beneath the image is not showing as it used to. Not sure what’s happened. Can anyone work it out? It’s been suggested that this could be a CSS editing conflict/issue but not sure how to identify if it is.

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

• 

  georgestephanis · Member · May 20, 2014 at 9:03 pm

  • Copy link

  It’s because you’ve got the following CSS in your custom css:

  .page-id-268 #content .entry-title { display: none; }

  If you either remove that rule entirely, or change it from .entry-title to .entry-header it should look correct, I believe.

• 

  helencarvalhido · Member · May 21, 2014 at 10:31 am

  • Copy link

  Ah, yes, I see. It’s because I wanted to get rid of the page title from above the text.

  Thank you, this has sorted the weird things that was going on. What code do I need to create a little more space between the image and the first line of text?

• 

  georgestephanis · Member · May 21, 2014 at 4:19 pm

  • Copy link

  Try this:

  .post .post-thumbnail { margin-bottom: 2em; }

• 

  helencarvalhido · Member · May 21, 2014 at 5:24 pm

  • Copy link

  Hhmmmm, this doesn’t seem to make a difference. Any other ideas?

• 

  georgestephanis · Member · May 21, 2014 at 5:34 pm

  • Copy link

  Oh, sorry, that was my mistake. It should have been —

  .page .post-thumbnail { margin-bottom: 2em; }

  — leading off with .page not .post

• 

  helencarvalhido · Member · May 21, 2014 at 6:26 pm

  • Copy link

  Brilliant! That’s done it – thanks very much :-)