Change words "previous", "next" and "related" to another language

• 

  anneborkent · Member · Mar 17, 2016 at 10:06 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I am using the Canard theme. On a post page, at the bottom it shows previous or next posts, and related posts. However, because my website is in Dutch I’d like to change the words “previous”, “next” and “related” to the Dutch equivalent.

  Is there a way to do this in the CSS?
  Many thanks.

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

• 

  thesacredpath · Member · Mar 18, 2016 at 1:38 am

  • Copy link

  Hi, these appear to have been translated, but not deployed. I’ve pinged our translations team to have them take a look at things. I’ll post back here when I hear back from them.

• 

  charliescheer · Member · Mar 18, 2016 at 4:04 am

  • Copy link

  Hello,

  I found a possible solution. I haven’t found a way to replace the “Previous” text in place, but if you just wanted to remove the text “previous” you can add this to your CSS.

  .nav-next .meta-nav {
  display: none;
  }

  .nav-previous .meta-nav {
  display: none;
  }

  The other idea I had is similar, it would allow you to add “previous” and “next” in Dutch on the same line as the title of your post. that code would look like this:

  .nav-next .meta-nav {
  display: none;
  }

  .nav-previous .meta-nav {
  display: none;
  }

  .nav-next .post-title {
  content: “Volgende – “
  }

  .nav-previous .post-title {
  content: “Voorgaand – “
  }

  It’s not exactly the same, but its pretty close. I hope this works out for you. Let me know if you have any questions. I’m sorry if my dutch was incorrect I’m trusting google translate…

• 

  charliescheer · Member · Mar 18, 2016 at 4:08 am

  • Copy link

  Right as I responded to your post I realized I forgot a small but important bit of code for this to work. For the second option I suggested the code needs to look like this :

  .nav-next .meta-nav {
  display: none;
  }

  .nav-previous .meta-nav {
  display: none;
  }

  .nav-next .post-title::before {
  content: “Volgende – “
  }

  .nav-previous .post-title::before {
  content: “Voorgaand – “
  }

  I forgot to ::before into the content lines. Hopefully this works for you, let me know if you have any questions.

• 

  thesacredpath · Member · Mar 18, 2016 at 6:29 am

  • Copy link

  @charliescheer, thanks for posting the CSS. I’m hoping the translations will be deployed shortly, but what you have is certainly a solution – at least until the deploy. :)

• 

  thesacredpath · Member · Mar 18, 2016 at 7:24 am

  • Copy link

  @anneborkent, you have your site set to English. Go to Settings > General and under Language, select your language and then save.

• 

  anneborkent · Member · Mar 18, 2016 at 8:26 am

  • Copy link

  Oops, indeed. Simply changing the language settings fixed it. Have once set it to English to be able to communicate better in platforms like this. Sorry for all the work some of you put into it.

• 

  thesacredpath · Member · Mar 18, 2016 at 8:33 pm

  • Copy link

  @anneborkent, no worries, and sometimes I can forget the simple things, like checking to see if what the language is set to. Glad things are as they should be now. :)