Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 23, 2023 at 2:28 pm #1411483
    beverlystone

    The 1st level bullet and a 2nd level bullet are the same. I’d like the second level bullet to be a hyphen or dash.

    June 24, 2023 at 10:23 pm #1411575
    Mike

    Hey beverlystone,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .avia_textblock ul li ul li:before {
	content:'-';
	padding-right: 5px;
    color:#000 !important;
    font-size: 20px;
}
.avia_textblock ul li ul li {
	list-style: none;
	padding-left: 1em;
    text-indent: -2em;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 25, 2023 at 4:01 am #1411589
    beverlystone

    That is perfect! I slightly reduced the indent. Thank you.

    Oops…slight update. For some reason, it’s not working in a tab. I’ll link to an example in the private area.

    • This reply was modified 1 year, 4 months ago by beverlystone.
    June 25, 2023 at 10:38 am #1411601
    Rikard

    Hi,

    Please try this CSS as well:

    .tab_content ul li ul li:before {
    content:'-';
    padding-right: 5px;
    color:#000 !important;
    font-size: 20px;
}
.tab_content ul li ul li {
    list-style: none;
    padding-left: 1em;
    text-indent: -2em;
}

    Best regards,
    Rikard

    June 25, 2023 at 1:52 pm #1411619
    beverlystone

    Very close! When the bullet point wraps to 2 or more lines, they need to be left justified under the first letter. I’ve updated the example so you can see what I mean. The indent needs to be reduced for the wrapped lines.

    June 25, 2023 at 2:15 pm #1411624
    Mike

    Hi,
    For bullets in the tabs try this:

    #top .tab_content ul li ul li:before {
    content:'-';
    padding-right: 5px;
    color:#000 !important;
    font-size: 20px;
}
#top .tab_content ul li ul li {
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;;
}
#top .tab_content ul li ul {
	margin-left: 0em;
}

    expected results:
    Enfold_Support_2445.jpeg
    For bullets in the text element try this:

    #top .avia_textblock ul li ul li:before {
	content:'-';
	padding-right: 5px;
    color:#000 !important;
    font-size: 20px;
}
#top .avia_textblock ul li ul li {
	list-style: none;
	padding-left: 1em;
    text-indent: -1em;
}
#top .avia_textblock ul li ul {
	margin-left: 0em;
}

    expected results:
    Enfold_Support_2447.jpeg

    Best regards,
    Mike

    June 25, 2023 at 10:48 pm #1411662
    beverlystone

    Perfect! Thank you.

    June 25, 2023 at 10:55 pm #1411666
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Dash or hyphen for sub-bullet’ is closed to new replies.