Bullet seems to have two different margin when alone vs. in a series

I’m trying to adjust the gap between bullet and the bottom border of the callout if its the last element inside a callout with this code:

.callout-content > ul:last-child {
    margin-bottom: 7px;
}

But then I realized, bullet seems to have a larger bottom margin when its in a group vs. alone (as seen in the image above). Is there a way to specifically target the bullet when its solo or in a group, so I can adjust the margin without it affecting the other.

I’ve managed to find the solution:

/* TARGETS MARGIN OF THE UL IN GROUPS */
.callout-content > ul:last-child:first-child {
     margin-bottom: 6.5px; 
}
/* TARGETS MARGIN OF SOLO UL */
.callout-content > ul:last-child:not(:first-child) {
     margin-bottom: 6.5px; 
}

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.