Previous, next, archive buttons – change text

  • gerard57

    (@gerard57)


    7 years, 7 months ago

    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 7 years, 7 months ago by gerard57.

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

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

    (@kokkieh)

    7 years, 7 months ago

    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)

    7 years, 7 months ago

    Thanks kokkieh! It works 🙂

    KokkieH

    (@kokkieh)

    7 years, 6 months ago

    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.