[MauriceUK]

Can I insert “Read more” split in a Parabola “Home Page” “Bottom Text 2” and if so, please can someone explain the best or correct method of adding this?

[Zed]

Do you want to split “Read More” so that it’s on two lines? If so, did you try using a break tag?
Read<br>More

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[MauriceUK]

Ah – my lack of clarity in my question. No, what I was trying to ask is how do I insert a “Read More” break in the “Bottom 2 Text” so that I have only the first few lines on display by default, but there is the ability for readers to get to see the full text in the “Bottom 2 Text”. It’s an attempt to hide most of the text for returning readers who aren’t interested in scrolling down, let alone reading the same text again before getting to the latest posts below. But so that first time viewers of the page can get to see the full explanation if they want more detail.

[Zed]

You’ll need to add that functionality in: create a html button or link in the text, encapsulate the rest of the text in a container that is hidden by default (with CSS) and trigger that container’s appearance (with JS) when the button/link is clicked.
Text:

first part of text ....<a id="custom-read-more">Load the rest</a>
<span id="custom-rest-of-text">The rest of the text that is hidden by default</span>

CSS:
#custom-rest-of-text { display: none; }
JS:

jQuery('#custom-read-more').on( 'click', function() {
     jQuery('#custom-rest-of-text').show();
} );

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[MauriceUK]

Well many thanks for taking the time and trouble to respond with this detailed answer.

My next problem is that I am such a novice that most of what you have said has gone over my head but if I persevere I may learn enough to put your advice into practice.

Cheers

[Author]

Posts