Title: Custom Bullet Points Alignment Issues
Last modified: January 30, 2021

---

# Custom Bullet Points Alignment Issues

 *  Resolved [samij](https://wordpress.org/support/users/samij/)
 * (@samij)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/custom-bullet-points-alignment-issues/)
 * If you take a look at the bottom of the page, there are 2 columns “we are a good
   match if” and “we are NOT a good match if”.
 * I’ve managed to add custom bullets there (checks and crosses), however, now, 
   I can’t align the text underneath each other. The text that starts on the second
   line starts under the bullet instead of under the text.
 * This is what my code looks like:
 *     ```
       .good-match ul li {
       list-style-type: none;
       list-style-position: outside!important;
       }
   
       .good-match ul li:before{
       content: "✓";
       padding-right: 5px;
       }
   
       .no-match ul li, .no-match ol li{
       list-style-type: none;
       list-style-position: outside!important;
       }
   
       .no-match ul li:before{
       content: "X";
       padding-right: 10px;
       }
       ```
   
 * Would be grateful for any help you can offer.
 * Thanks in advance
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustom-bullet-points-alignment-issues%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [corrinarusso](https://wordpress.org/support/users/corrinarusso/)
 * (@corrinarusso)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/custom-bullet-points-alignment-issues/#post-13979236)
 * See attached on how to use list-style-position + padding to resolve this :
    [https://ibb.co/qnNhvnz](https://ibb.co/qnNhvnz)
 *     ```
           list-style-position: inside;
           padding: 12px 0 4px 20px;
           text-indent: -1em;
       ```
   
 * I don’t know how you can apply this using VC though.
    Maybe VC allows you to 
   add a classname to a blocklist, then you can add this css to Customizer –> Additional
   CSS ?
 * Just my 2 cents …… but, when you go here :
    [http://www.unstoppableyou.coach/step/unstoppable-confidence/](http://www.unstoppableyou.coach/step/unstoppable-confidence/)
   There is no way to get back to the homepage without hitting the Back button in
   the browser.
 *  Thread Starter [samij](https://wordpress.org/support/users/samij/)
 * (@samij)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/custom-bullet-points-alignment-issues/#post-13981294)
 * [@corrinarusso](https://wordpress.org/support/users/corrinarusso/) thank you 
   so much!
    This worked perfectly.
 * And yes, I’m aware that there isn’t any menu buttons on top. I’ve created the
   page to be a landing page, so I want users to specifically take one action on
   the page 🙂 Thank you for the shout tho. Really appreciate it so much 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Custom Bullet Points Alignment Issues’ is closed to new replies.

 * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
 * 2 replies
 * 2 participants
 * Last reply from: [samij](https://wordpress.org/support/users/samij/)
 * Last activity: [5 years, 3 months ago](https://wordpress.org/support/topic/custom-bullet-points-alignment-issues/#post-13981294)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics