Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1298491

    Hi,

    I have done a custom bullet point using some coding found in the forum. I am happy with the look of the bullet point but the point is not in line with the text. Instead it seems to be slightly above the text line.

    I can’t share the site here because it has a landing page right now. If you need the login details, let me know.

    Here is an image of what it looks like:
    custom bullets

    Here is the code I used in the Quick CSS:

    .avia_textblock li {

    list-style-type: none !important;
    background: url(https://www.smaestheticlab.com.au/wp-content/uploads/2021/05/Cross-1.png) no-repeat;
    margin-left: 0;
    background-size: 15px !important;
    padding-left: 25px !important;
    padding-right: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    }

    #1298551

    Hi aliciapotts,

    Since you are using background image for it, the only way to adjust its position is via background-position
    Please add this property, for further information please refer to MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
    Hope it helps.

    Best regards,
    Nikko

    #1299162

    perfect thanks.

    #1299231

    Hi aliciapotts,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom bullet points not aligned vertically with text’ is closed to new replies.