gazette theme; changing text of navigation buttons

• 

  mrsjackstyling · Member · Dec 13, 2015 at 11:20 pm

  • Copy link
  • Add topic to favorites

  Hello All,

  I am working to customize my blog (http://mrsjack.net) with custom CSS codes, I have changed a lot already but now i’m stuck with the following;

  -changing the “continue reading” text into; ….
  -changing “older post” text into; more (I sort of resolved this with infinite scrolling but that’s not exactly the best solution..)

  Hope someone can help me with this!

  Thanks!
  Jack

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

• 

  thesacredpath · Member · Dec 14, 2015 at 5:48 pm

  • Copy link

  Hi, we can hide Continue Reading and then use a pseudo selector to add the … where that was with the following. I’ve included brackets around the … since without them the … doesn’t stand out enough.

  a.more-link {
      visibility: hidden;
  }
  a.more-link:before {
      content: "[...]";
      visibility: visible;
  }

  Right now I see you have infinite scroll active. Are you going to stick with this?

• 

  mrsjackstyling · Member · Dec 17, 2015 at 4:29 pm

  • Copy link

  Thank you very much! No i dont’s think i will stick to infinite scrolling, it was just a way to hide the older post text since i wasn’t able to change it…
  Do you think infinitive scroll is a smart thing to have on your site or not?

• 

  mrsjackstyling · Member · Dec 17, 2015 at 4:32 pm

  • Copy link

  thanks again, the text has been changed!

• 

  thesacredpath · Member · Dec 17, 2015 at 8:33 pm

  • Copy link

  You are welcome.

• 

  mrsjackstyling · Member · Dec 21, 2015 at 3:31 pm

  • Copy link

  Dear @Mrssacredpath or anybody else,

  I am working to customize my blog (http://mrsjack.net) with custom CSS codes, I have changed a lot already but now i’m stuck with the following;

  Could you also help me to a code for changing the text in “older post” link into “more”?

  That would be great!
  Thanks in advance!
  Jack.

• 

  kathrynwp · Staff · Dec 21, 2015 at 3:46 pm

  • Copy link

  Hi Jack, this should do the trick:

  #infinite-handle span button {
    position: relative;
    color: transparent !important;
  }
  
  #infinite-handle span button:before {
    position: absolute;
    display: inline-block;
    width: 100%;
    margin-left: -50%;
    left: 50%;
    content: "More";
    color: #f07979;
  }
  
  #infinite-handle span button:hover:before {
    color: #ffffff;
  }

  If you need further help, please start a new thread – thanks!

• 

  mrsjackstyling · Member · Dec 21, 2015 at 11:15 pm

  • Copy link

  @ kathrynwp Thank you so much! it worked perfectly!
  greetings, Jack

• 

  kathrynwp · Staff · Dec 21, 2015 at 11:37 pm

  • Copy link

  Glad that worked for you!

  I’m closing this thread now but feel free to start a new thread if you need help with anything else.