Older Posts Button: How to change the text

• 

  cfournier224 · Member · Jun 30, 2015 at 2:51 pm

  • Copy link
  • Add topic to favorites

  Hi!

  Is it possible to change the text from “Older Posts” to “Older Articles” on this button? I tried and nothing I do seems to catch on.

  Much appreciated:)
  C.

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

• 

  darrellschulte · Member · Jun 30, 2015 at 8:37 pm

  • Copy link

  Hey cfournier224,

  You can try this…it loses the distinctive box around the link, but it does change the text. Maybe someone more skilled than I am will wander through and put the box back!

  div#infinite-handle span {
      display: none;
  }
  
  div#infinite-handle:after {
      content: "Older Articles";
  }

• 

  cfournier224 · Member · Jun 30, 2015 at 8:54 pm

  • Copy link

  Hey, thanks! I could work with this but would really prefer to keep the box – if anyone can help out, I’d appreciated it.

  C.

• 

  darrellschulte · Member · Jun 30, 2015 at 9:03 pm

  • Copy link

  This is pretty close.

  div#infinite-handle span {
      display: none;
  }
  
  div#infinite-handle:after {
      content: "Older Articles";
      color: white;
      background-color: #000557;
      border: none;
      border: 1px solid #171617;
      cursor: pointer;
      display: inline-block;
      font: inherit;
      font-weight: 700;
      font-size: 130%;
      margin: 0;
      overflow: visible;
      padding: 11px 23px;
      text-align: center;
      vertical-align: middle;
  }

• 

  cfournier224 · Member · Jun 30, 2015 at 11:02 pm

  • Copy link

  Ooo, I like it:) It’s great, thank you very much!
  C.