Previous, next, archive buttons – change text

  • Hi Im using espied theme and I want to change the default text that appears on the buttons: ‘Previous’,’Next’, ‘Archive – view other projects’ (these buttons are on the side right bar) I want a CSS additional code to remove it and put my own text

    Thanks

    • This topic was modified 6 years, 1 month ago by gerard57.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    Use the following CSS, replacing own text with the text you want to display in each case. Please make sure that you don’t remove the ” ” – the quotation marks need to be there.

    /* Replace "Previous", "Next" and  "Archive" text with custom text */
.single-jetpack-portfolio .nav-links .nav-previous span.meta-nav, .single-jetpack-portfolio .nav-links .nav-next span.meta-nav, .single-jetpack-portfolio .nav-links .nav-archive span.meta-nav  {
	font-size: 0;
}
.single-jetpack-portfolio .nav-links .nav-previous span.meta-nav::before {
	content: "own text";
	font-size: 13px;
}
.single-jetpack-portfolio .nav-links .nav-next span.meta-nav::before {
	content: "own text";
	font-size: 13px;
}
.single-jetpack-portfolio .nav-links .nav-archive span.meta-nav::before {
	content: "own text";
	font-size: 13px;
}

/* Replace "View other projects" with custom text */
.single-jetpack-portfolio .nav-links .nav-archive a span:nth-child(2) {
	font-size: 0;
}
.single-jetpack-portfolio .nav-links .nav-archive a span:nth-child(2)::before {
	content: "own text";
	font-size: 15px;
}
    Thread Starter gerard57

    (@gerard57)

    Thanks kokkieh! It works ??

    KokkieH

    (@kokkieh)

    Happy to help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Previous, next, archive buttons – change text’ is closed to new replies.