Custom Bullet Points Alignment Issues

  • Resolved samij

    (@samij)


    3 years, 10 months ago

    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 to see the link]

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

  • See attached on how to use list-style-position + padding to resolve this :
    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 :
    https://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

    (@samij)

    @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.