In this article, we are going to show how we can change the button text of Divi Blog Module. Follow the simple steps for achieving this:
- Firstly we need to assign CSS Class to the “Blog Module” as shown in the below image. Here we can assign CSS Class as “myclass” or you can also assign according to your need.
- Now we need to add the given script code to Divi >> Theme Options >> Integration >> Add Code to the <head> of your blog.
|
1 2 3 4 5 |
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".myclass a.more-link").text("View Full Post"); }); </script> |
Please don’t forget to replace “View Full Post” with your desired text for the button in the above script code.
Feel free to comment below for any other help.
Is it possible to have different button texts for different posts? Maybe a target by tag or category rather than targeting the CSS class of the module.
When clicking “<< Older entries" the customized text will be replaced with the old text. Is there any simple way how to make it work with "Show Pagination" option? I also tried to use this code to translate the "<>” but it stops working after clicking “<< Older entries". The code is here:
jQuery(document).ready(function(){
jQuery(“.uudised a.more-link”).text(“Loe edasi..”);
jQuery(“.alignleft a”).text(“<>”);
});
Works great. How can I modify this code, so that when I click on the button again, it switches back to the original text? I want it to function as a Read More/Read Less button.
Worked for me. Thank you!