Fontfolio Theme – Size of the thumbnail

• 

  elodiegrethen · Member · Nov 26, 2013 at 6:00 pm

  • Copy link
  • Add topic to favorites

  I want to customize my homepage. I use the Fontfolio but I changed the emplacement of the entry title. It’s now on the bottom right of the thumbnail (by 80%), appears only when hovered. So far, so good.

  The only problem is that the “box” where the title used to be is still there, which leaves a blank between the pictures on the homepage. I’d like to have the pictures next to too each other without any blank or space and still have the title appearing on the bottom right.

  Any help would be much appreciated!

  Thank you!

• 

  justpi · Member · Nov 27, 2013 at 5:56 am

  • Copy link

  a) “So far, so good”. Not completely. The theme is responsive: the content gets rearranged to adapt to mobile devices. Drag the browser window to make it narrower and see that your customization doesn’t work after a certain point.
  b) For the theme at its widest, this should do what you’re looking for:

  .blog .hentry, .archive .hentry {
  height: 211px;
  }
  .blog .hentry:first-of-type {
  height: 422px;
  }
  .blog .hentry .entry-thumbnail, .archive .hentry .entry-thumbnail {
  top: 0;
  }

• 

  elodiegrethen · Member · Nov 27, 2013 at 2:19 pm

  • Copy link

  Thank you for taking the time to answer!
  That was indeed what I was looking for. Do you happen to know what I could change to make it work also on a narrower screen?

• 

  justpi · Member · Nov 29, 2013 at 2:58 pm

  • Copy link

  You’re welcome.
  I vaguely know, but I’m still not quite familiar with the sort of trickery responsive themes require, so better wait for a staff response.

• 

  designsimply · Member · Dec 20, 2013 at 2:24 am

  • Copy link

  You could put the code from above into a media query that only applies to a browser width of 768px or larger:

  @media only screen and ( min-width: 768px ) {
  	.blog .hentry, .archive .hentry {
  		height: 211px;
  	}
  	.blog .hentry:first-of-type {
  		height: 422px;
  	}
  	.blog .hentry .entry-thumbnail, .archive .hentry .entry-thumbnail {
  		top: 0;
  	}
  }

• 

  justpi · Member · Dec 20, 2013 at 3:53 am

  • Copy link

  Thanks Sheri. In the meantime I’m learning!

• 

  designsimply · Member · Dec 20, 2013 at 7:31 pm

  • Copy link

  @justpi, I checked out the other thread. I admire your attention to detail! And I like that you’re always genuinely looking to help people. I also really like how you nudged them in the right direction and encouraged them before working on and providing a set of code for them.