Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 31, 2015 at 2:09 pm #527905
    Eva

    Is there a simple way to change bulletpoints into hyphens as the default for an unsorted list?

    October 31, 2015 at 7:21 pm #527948
    Dake

    Hey Eva!

    Please insert the below css into your custom css section:

    ul {list-style: none !important;}
li:before {content: "– " !important;}

    Cheers!
    Dake

    November 1, 2015 at 12:09 pm #528083
    Eva

    Hi Dake, thanks for getting back to me so quickly! I added the code exactly like that and it has removed the existing bulletpoints but hasn’t replaced them with anything. Have I missed something?

    November 1, 2015 at 3:33 pm #528102
    Eva

    Oh! I had put it into Jetpack’s “edit CSS” section and it automatically adjusted it which is why it didn’t work. I tried copying it into the Enfold quick CSS window and it’s worked, thanks!

    The only thing is the alignment is now slightly different. With the original bulletpoints the bullets are on the left while all the text is neatly aligned next to them. With the new hyphens the “bullets” are inset in the text. Any idea why this might be?


    • This reply was modified 9 years ago by Eva.
    November 1, 2015 at 3:51 pm #528106
    Eva

    Um, another odd side effect is hyphens appearing above my menu links where there was previously nothing at all, shifting the menu down out of line.

    November 3, 2015 at 6:15 am #529012
    Ismael

    Hey!

    Please replace the code with this:

    .entry-content-wrapper ul {
    list-style: none !important;
}

.entry-content-wrapper li:before {
    content: '- ';
    position: absolute;
    margin-left: -10px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.