1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.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. Now it works with Divi 5 as well!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. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Simple line after text (in a text module)

Discussion in 'Free Divi Community Forum' started by JTHA80, Oct 2, 2020.

  1. JTHA80

    JTHA80 New Member

    I've posted a picture of what I want to achieve - a line after text (in the image it appears as "Blurb 1")

    I've tried the CSS from the article which had this image, but to no avail.

    I would just like to know what CSS I can use with a text module, please.

    line.png
     
    #1 JTHA80, Oct 2, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Link to the article?
     
    #2 Divi.Help, Oct 5, 2020
  3. JTHA80

    JTHA80 New Member

    #3 JTHA80, Oct 5, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    For their CSS, it should work just fine with few conditions:
    1. Your header must be h4, or you will need to adjust it in the CSS>
    2. Your h4 must wrap a link:
    <h4><a href="#">Title.</a></h4>
    3. If you don't want the link, then you need to wrap it with <span>:
    <h4><span>Title.</span></h4>
    Then change the CSS 'a' to 'span'.
     
    #4 Divi.Help, Oct 8, 2020
  5. JTHA80

    JTHA80 New Member

    I'm going to need instructions in baby steps from 2 and 3. I don't want the text to link to anything; it's just meant to be a text with a line after it (preferably automatic length, so if/when the text changes the line's length changes accordingly). And in the CSS on the webpage (https://quiroz.co/add-a-horizontal-line-behind-the-divi-blurb-title/), there's only one 'a' I see - in line 16 and I'll change that accordingly in the 'Custom CSS' in 'Page Settings".

    I have no idea what to do with info from 3 - where should I put the '<h4><span>Title.</span></h4>'; since putting it in 'Text' in 'Text Settings' changes nothing.



    I thought I would be able to solely use 'Custom CSS' in 'Page Settings' for this; am I wrong in thinking that?
     
    #5 JTHA80, Oct 8, 2020
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  6. JTHA80

    JTHA80 New Member

    Never mind; found another tutorial and think I've cracked it.
     
    #6 JTHA80, Oct 10, 2020
(You must log in or sign up to post here.)