1. BLACK FRIDAY SALES Get Divi.Help Pro Membership @ $99 / lifetime & instantly gain access to all our Divi.Help Pro Membership perks.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed.Try our carousel AI toolkit
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. Also newly added AI generator & color.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

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 Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo