Support » Theme: Espied » 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 4 months, 3 weeks 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;
    }

    Thanks kokkieh! It works 🙂

    Happy to help 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.