1. BLACK FRIDAY SALE Get 85% OFF Pro membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

Solved Footer 9 - Triangle in Main Content?

Discussion in 'Basic Support Forum' started by KevMinnis, Feb 25, 2020.

  1. KevMinnis

    KevMinnis New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi,

    How would you replicate the small triangle in the Footer 9 design so it is also next to a title in the main content area of the site? I would obviously like those titles to match what is also in the footer.

    I have already adjusted the colour using the code below in the Divi Custom CSS area...

    .free-footer-style-1 .free-footer-header .et_pb_module_header:after {
    border-right: 7px solid #00ec7f!important;
    }

    Many thanks.
     
    #1 KevMinnis, Feb 25, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You can try something like the CSS below in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_module h1:after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #00ec7f;
    display: inline-block;
    transform: rotate(-45deg);
    top: 5px;
    position: relative;
    margin-left: 10px;
}
    **Basically, it will add the triangle to the h1 tag in a module. Tweak it to fit your need.
     
    #2 Divi.Help Pro Support, Feb 25, 2020
    KevMinnis likes this.
  3. KevMinnis

    KevMinnis New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Absolutley perfect!

    Thanks for the quick response!
     
    #3 KevMinnis, Feb 25, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
(You must log in or sign up to post here.)