Harmonic Theme relocate the "read more" button

• 

  jennybluegrass · Member · Jul 5, 2016 at 1:23 am

  • Copy link
  • Add topic to favorites

  Hello,

  I’d like to relocate the “read more” button on my team member web pages. Could anyone assist me with the code?

  I’d like to position it on the far right hand side of the page for Jenny, Erica and Nicole pages and would appreciate some advice. All of our profile shots vary so any advice on tinkering with the position so I can ensure it sits to the RHS of our photos on a notebook, tablet and phone would be great.

  Cheers
  Jen

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

• 

  carladoria · Member · Jul 5, 2016 at 2:45 am

  • Copy link

  Hi there,
  To move your “read more” button to the right side of your picture, you can try with the following css:

  @media screen and (min-width: 800px){
  a.button {
      position: relative;
      left: 750px;
  }
  }

  You can try increasing the number in “left” so that it moves more to the right. The “media query” will ensure this position only applies to wide screens.

• 

  jennybluegrass · Member · Jul 5, 2016 at 6:48 am

  • Copy link

  Thank you so much, really appreciate your assistance.