1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

How to change Divi Blog Module "Read More" text

Discussion in 'Divi Tutorials' started by Divi.Help, Jul 24, 2020.

  1. Divi.Help

    Divi.Help Administrator
    Staff Member

    In this tutorial, we will teach you how to change Divi Blog Module "Read More" text. By default, Divi doesn't have any option to change the "Read More" text.

    It's pretty simple to change it by using custom jQuery code. Just paste the below code in WP Admin > Divi > Theme Options > Integration > Body Code:
    Code:
    <script>
        jQuery(function($){
            $('.et_pb_post .more-link').text("Your Custom Text");
         });
    </script>
    **Change Your Custom Text to your own text.

    Here's a screenshot to show how it looks like:
    divi-blog-module-read-more-text.jpg

    If you're interested in how to style the "Read More" text into a button style (similar to the screenshot above), check out this tutorial: https://divi.help/threads/how-to-add-background-color-for-divi-blog-module-read-more-text.6352/

    That's it.
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  2. Haterly

    Haterly New Member

    It is good tips about change of Div which is very helpful for me
     
  3. Roshan Pradhan

    Roshan Pradhan New Member

    hello guys,
    I have this grey sidebar widget border line on my divi blog, I can't seem to get rid of it, here's the screen shot, any help would be appreciated

    Screen Shot 2024-01-31 at 21.22.22.png
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS to remove the line:
    Code:
    #main-content .container:before {
        display: none!important;
    }
     
  5. Roshan Pradhan

    Roshan Pradhan New Member

    Thanks so much, you saved my life.
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More