Resonar theme: how to make feature image a link to post

• 

  francesl · Member · Apr 8, 2015 at 1:42 pm

  • Copy link
  • Add topic to favorites

  Hi there!

  For the resonar theme, if you sticky a post, it shows a beautiful featured image on the front page overlayed by a text link to the post. However, I want to set this large featured image as a link to the post, in addition to the text link.

  I poked around and discovered that the image is a ‘background-image’ in the div class as ‘entry-header-background’. But I’m not sure what to do with this information to make it a link to the post.

  I also want to move the overlayed text link position a little higher on the feature image. How can I change the position without breaking the responsive aspect?

  Thank you!

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

• 

  thesacredpath · Member · Apr 8, 2015 at 7:49 pm

  • Copy link

  Hi there, we cannot link images with CSS since CSS is a styling document used by the browsers to position and style the elements of a web page. It cannot be used to add functionality.

  I also want to move the overlayed text link position a little higher on the feature image. How can I change the position without breaking the responsive aspect?

  Add the following custom CSS and if you stick with a percentage on the bottom margin, the responsive nature of everything should still work well. Make sure and test it on your phone and tablet (if you have one).

  .sticky.has-post-thumbnail .entry-header-inner {
      margin-bottom: 5.8824%;
  }