1. BLACK FRIDAY SALES Up to 72% OFF our Pro membership & access all our premium Divi plugins, child themes, layout packs & Divi Block.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites.
View All Pro Layout Packs
BEST Divi Block - An online drag & drop tool to easily mix & match 478+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks & 14+ Special Module Design. Newly added Divi Preloader without plugin.
Learn MoreTry Free Version

How to add background color for 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

    For Divi Blog Module, it doesn't have any settings to add background color for the "Read More" text.

    Now, how to make the "Read More" text look more like a button style? See screenshot below:

    divi-blog-module-read-more-background.jpg

    You can easily achieve that by going to: Divi Blog Module Settings > Advanced > Custom CSS > Read More Button & add the below CSS:
    Code:
    background: #e51b22;
    padding: 7px 21px;
    margin-top: 16px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 100px;
    **Adjust the value to fit your need.

    That's it.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo