Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adding a read more - read less button


Liam94

Question

I'm currently working on moving a website from version 7.0 to 7.1 and in the current version there is a code block that contains code that makes it possible to click a button that says "read more" so more of the text becomes available to read so the webpage doesn't become too long, and after clicking it, it changes to "read less". When I try to implement the same code on the new website it doesn't work. Any suggestions on how I could solve this problem and why the old code doesn't work? 

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0

Hi. Can you post the code, share link to page where you used read more/read less on old site/new site? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

Thank you for your reply. 
This is the old website where the code is being used its version 7.0 - https://www.precure.dk/about-us

When I copy this code into 7.1 it doesn't do anything. 

<div class="show-hide">
   <input type="checkbox" class="read-more-state" id="Mission" />
   <div class="read-more-wrap">
     <h3><center>Mission</center></h3><p>At PRECURE, we are developing smart wearable IoT devices, which analyse muscular activity and provide biofeedback using  machine learning.</p>
     <p class="read-more-target">
       <p class="read-more-target">
           <p class="read-more-target">
            The user will change behaviour, hence experience less pain, recover faster, and avoid further injuries. This has a positive impact to people´s quality of life, adds cost and time efficiencies to companies, and it enables more effective and efficient treatment. Lastly it will be a huge benefit for society.
<br>
<br>
Patents pending.
               <p class="read-more-target">
   </div>
   <label for="Mission" class="read-more-trigger"></label>
 </div>
 

Link to comment
  • 0
On 3/8/2021 at 5:59 PM, Liam94 said:

Thank you for your reply. 
This is the old website where the code is being used its version 7.0 - https://www.precure.dk/about-us

When I copy this code into 7.1 it doesn't do anything. 

<div class="show-hide">
   <input type="checkbox" class="read-more-state" id="Mission" />
   <div class="read-more-wrap">
     <h3><center>Mission</center></h3><p>At PRECURE, we are developing smart wearable IoT devices, which analyse muscular activity and provide biofeedback using  machine learning.</p>
     <p class="read-more-target">
       <p class="read-more-target">
           <p class="read-more-target">
            The user will change behaviour, hence experience less pain, recover faster, and avoid further injuries. This has a positive impact to people´s quality of life, adds cost and time efficiencies to companies, and it enables more effective and efficient treatment. Lastly it will be a huge benefit for society.
<br>
<br>
Patents pending.
               <p class="read-more-target">
   </div>
   <label for="Mission" class="read-more-trigger"></label>
 </div>
 

Hi. This code missing CSS & Script code. Can you check again all code in old site?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...