Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 31, 2016 at 6:05 am #605637
    zeelim

    Hey guys, I need some help to align the custom bullet point on my site relative to the text.
    The text is currently aligned to the bottom of the bullet point.
    Is there any way I can align it to the center instead?

    The custom bullet point is on the “NEWS & EVENTS” as well as the “ARE YOU A PARENT” section on the site.

    Kindly assist, thank you.

    March 31, 2016 at 7:20 am #605672
    Vinay

    Hi zeelim!

    First enable custom CSS class name support

    Turn on Custom CSS Class field for all ALB Elements

    Then add a custom class name such as “custom-bullets” to the text widget inside which you have the bullet points and add the below css in Enfold > General Styling > Quick CSS

    .custom-bullets li:before {
    top: 10px;
    content: url(//bloom.sgsolutionshub.com.sg/wp-content/uploads/sites/2/2016/03/bloom_custom_bullet_44px.png);
    position: relative;
    top: 14px;
    left: 0;
}

    It should look something like this

    Cheers!
    Vinay

    April 12, 2016 at 5:26 am #611626
    zeelim

    Hey Vinay, thank you so much. It works perfectly !

    April 12, 2016 at 5:30 am #611627
    Vinay

    Hi!

    Glad we could help you with this. we really appreciate if you rate our theme on themeforest :)

    Thank you for using Enfold :)

    Regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom Bullet point alignment’ is closed to new replies.