1. HOT Be a Pro member & access all our premium Divi extensions, including Divi Block, popular Divi Ultimate Header Plugin, etc.LEARN MORE
Dismiss Notice
NEW Divi Login Customizer Plugin - Instantly get a beautifully crafted login page design for Divi site.
View premade login page design
BEST Divi Block - An online drag & drop tool to easily mix & match 417+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks, before / after image slider, promo bar, floating button, logo carousel, content toggle, slide in bar, etc.
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. AD Add preloader to your Divi sites easily & it's made with CSS + minimal HTML markup:Learn More