Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Hide Text Characters Around Elements Re: Hide Text Characters Around Elements

#134356
Merri
Participant

Just use transparent color and you’re not seeing the text:

.ex-one ul {
color: transparent;
}

If you also want to remove the character effect entirely you can use `font-size: 0;` although there is a gotcha: you can’t use `em` in ul’s measurements and you need to use `font-size: medium;` or other means to restore font size in the li elements.

.ex-one ul {
color: transparent;
font-size: 0;
}

.ex-one li {
font-size: medium;
margin: 1em 0;
}

Also `.ex-two ul:not(li)` makes no sense. You’re matching ul elements that aren’t li elements. So it always matches the ul element and is equivalent to writing `.ex-two ul`.