Changing "Read More"!

• 

  loxenham · Member · Dec 21, 2016 at 8:12 pm

  • Copy link
  • Add topic to favorites

  hi all

  Please take a quick look: https://leonoxenham.wordpress.com/

  So on the front page I have “Read More” which links to my editable Front Page

  So I want to change the link text to Sign Up and then I will edit front page with a signup form to mail chimp.

  I can’t for the life of me work out how to change the Read More to Sign Up!

  Anyone help?

  Leon

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

• 

  thesacredpath · Member · Dec 22, 2016 at 12:11 am

  • Copy link

  Leon, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think.

  #single-wrap a.button {
    color: rgba(0, 0, 0, 0);
    text-shadow: none;
  }
  #single-wrap a.button:after {
    content: "Sign Up";
    color: #fff;
    position: relative;
    right: 50px;
    text-shadow: 1px 1px 1px rgba(51,47,43,.8);
  }

• 

  loxenham · Member · Dec 22, 2016 at 7:04 pm

  • Copy link

  Great thanks – that works great.

  The hover over is blue which isn’t in keeping with my site.

  How do I change the colour of that?

  Leon

• 

  thesacredpath · Member · Dec 22, 2016 at 8:11 pm

  • Copy link

  To change the blue background and the border color, use the following and edit the colors as desired.

  #single-wrap a.button:hover {
    background-color: #cc0000;
    border-color: #8000ff;
  }