Page Text Customization

  • Unknown's avatar

    Hello…
    I am currently using the Forever Theme, when you go to my blog site on the front page at the bottom. There’s a text that says “Entradas más Antiguas” and when you click on it it’s gonna send you to the older posts. So on that page on the top left and right and bottom left and right of the page it says “Entradas más Antiguas” and “Entradas más Nuevas” so am wondering if there’s a CSS snippet to change that text to another text of my choice?

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

  • Unknown's avatar

    Add this:

    #content nav a {
    font-size: 0;
    }
    #content nav .nav-previous a:after {
    content: "← LEFT TEXT HERE";
    font-size: 1.7rem;
    }
    #content nav .nav-next a:before {
    content: "RIGHT TEXT HERE →";
    font-size: 1.7rem;
    }
  • Unknown's avatar

    It works perfectly.. Thanks

    Now one last thing, is there a snippet to make the white text on the navigation bar be bolder?

  • Unknown's avatar

    You’re welcome.

    You have added this:

    #access a {
    color: #FFFFFF;
    }

    Turn it to:

    #access a {
    color: #FFFFFF;
    font-weight: bold;
    }
  • Unknown's avatar

    Worked perfectly!
    Just one quick last thing….
    All of my posts have Featured images with the summary of the text and also it has a text that says “Continuar leyendo” where you click to send you to the full post. Is there a snippet to change that text to something of my choice? I will appreciate your help.

  • Unknown's avatar

    Worked perfectly!
    Just one quick last thing….
    All of my posts have Featured images with the summary of the text and also it has a text that says “Continuar leyendo” where you click to send you to the full post. Is there a snippet to change that text to something of my choice? I will appreciate your help.

  • Unknown's avatar

    As you realized, if changing the nav links is possible then changing the more link is also possible. Add this:

    .more-link {
    font-size: 0;
    color: transparent !important;
    }
    .more-link:after {
    content: "YOUR TEXT HERE →";
    font-size: 1.5rem;
    color: #4387A3;
    }
  • Unknown's avatar

    It works perfectly. Thank you very much!

  • The topic ‘Page Text Customization’ is closed to new replies.