Change button text in the featured header slideshow of Radiate theme

• 

  fyskliniken · Member · Sep 8, 2017 at 10:55 am

  • Copy link
  • Add topic to favorites

  Hi, I want to change the text in the button that now says ‘read more’ in the header slideshow. I’m using the Radiate theme. Instead of read more I want it to say: ‘Läs mer’ (it’s Swedish). Is that possible and how do I do that?

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

• 

  thesacredpath · Member · Sep 8, 2017 at 9:02 pm

  • Copy link

  Hi there, I took a look at the Swedish translation progress on Radiate, and it is only at 56% and it needs to reach 85% before it will deploy. If you are willing, you could speed that process up and help get it over 85%. If you would like to explore that possibility, you can read up on the process here.

  As a temporary measure, you can use the following custom CSS.

  .slider-meta .more-link-text {
    visibility: hidden;
  }
  .slider-meta .more-link-text:before {
    content: "Läs mer";
    visibility: visible;
    border: 3px solid #fff;
    font-size: 20px;
    padding: 10px 30px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,.2);
    font-family: 'Roboto';
    position: relative;
    left: 30px
  }
  .slider-meta .more-link-text:hover:before {
    background-color: #b25300;
  }

  In looking at your custom CSS, I found a list of numbers in there, which will actually produce a syntax error and prevent anything after those numbers from loading. I’ve removed those numbers.

• 

  fyskliniken · Member · Sep 9, 2017 at 5:40 pm

  • Copy link

  Thank you! Could you also help me with the buttons in the Featured Pages Section? Would be nice if they also said ‘läs mer’ instead of ‘read more’.

  Thanks again! I will take a look on the Swedish translation progress of Radiate too.

• 

  thesacredpath · Member · Sep 12, 2017 at 6:32 pm

  • Copy link

  Hi there, the following does similar for the featured pages, keeping the style of the that button, but with the new text.

  #featured_pages .more-link-text {
    visibility: hidden;
  }
  #featured_pages .more-link-text:before {
    content: "Läs mer";
    visibility: visible;
    border: 1px solid rgba(234,234,234,.5);
    padding: 4px 10px;
    border-radius: 4px;
    position: relative;
    left: 30px;
  }

• 

  fyskliniken · Member · Sep 13, 2017 at 10:29 am

  • Copy link

  Thanks! :)

• 

  thesacredpath · Member · Sep 13, 2017 at 7:03 pm

  • Copy link

  You are welcome.