1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/
This is the support forum for Divi Powerful Child Theme.

To access this support forum, you need to purchase Divi Powerful Child Theme.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

Solved Change bullet points in blog posts

Discussion in 'Basic Support Forum' started by Andrew George, Jul 8, 2020.

  1. Andrew George

    Andrew George 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, I've got a custom CSS script that targets bullet points globally, but it won't work for the custom blog post pages for some reason. I add a custom CSS class ("custom_bullets") to the text and use this code to target it:

    /*change bullet points to ticks*/
    .custom_bullets ul li {
    padding-left: 30px;
    list-style:none;
    margin-bottom: 10px;
    }

    .custom_bullets ul li::before {
    content: '';
    display: inline-block;
    margin-right: 14px;
    margin-left: -40px;
    padding-right: 5px;
    font-family:'ETmodules';
    font-size: 1.2em;
    color: #f7941d;
    vertical-align: middle;
    }

    .custom_bullets--check ul li::before {
    content: '\52';
    }

    This code won't work for the bullet points as they appear to be li::marker or something. I can't quite figure it out. Can you help me target these bullet points as well so I can use this code on them too?

    https://georgecriminallawyers.com.au/the-law-medicinal-cannabis-queensland

    You can see how the bullet points are supposed to look on this page:

    https://georgecriminallawyers.com.au/covid-19/

    Thanks very much.
     
    1. AD Power up your Divi sites with tons of new functionalities: https://divipowerful.divi.help/
  2. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    If you added the CSS Class to the text module, it should work fine.

    If you want to target it globally for text module, just use this:
    Code:
    /*change bullet points to ticks*/
    .et_pb_text ul li {
    padding-left: 30px;
    list-style:none;
    margin-bottom: 10px;
    }
    
    .et_pb_text ul li::before {
    content: '';
    display: inline-block;
    margin-right: 14px;
    margin-left: -40px;
    padding-right: 5px;
    font-family:'ETmodules';
    font-size: 1.2em;
    color: #f7941d;
    vertical-align: middle;
    }
    
    .et_pb_text ul li::before {
    content: '\52';
    }
     
  3. Andrew George

    Andrew George 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

    Perfect! Thanks a lot.
     
    1. AD Create stunning carousel for Divi sites: https://divi.help/link-forums/divi-carousel.153/

Recommended Divi Hosting