1. HOT Add more varieties for your Divi header (12 premade styles): https://header.diviultimate.com/
NEW Divi Block - Online drag & drop tool to easily mix & match 320+ premade Divi blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, footer, etc. We also added NEW special module designs, such as Before & After Image Slider, Masonry Gallery, Promo Bar, Logo Carousel, etc.Try 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. AD Beautify your Divi archive / category page with premade design:Learn More