styling <ul> and <li>, what can prevent this?
I’m trying to style it on here but it doesn’t seem to accept it. I’ve looked through the code and I didn’t see anything that I thought would be preventing this?
https://codepen.io/Laing91/pen/RwOGJBe
On my phone so apologies for the lack of code, but I had been attempting the below..
ul {
List-style-type: circle;
}
16 Replies
And how do you want to style it?
want want to remove this dot/bullet thing? If so, use
list-style:none;I’m trying to change the - to a blacked out circle
the - is physically in the text
…
That still doesn’t explain how I can’t add a style then I guess. I don’t think I have a decoration: none; in there
you have the dots
just that you have removed the paddings so they are almost outside this container
^ this is why
* { margin: 0; padding: 0; } can occasionally be a bad ideaAh.. that makes more sense
Removed the css under * and have removed the - in the text, seems better. Thanks people 🥰
always glad to help 🙂
I’m in my phone so it may be a phone thing but does it black out halfway down for you?
Just saved the amendments
otherwise you could also do
or
Or something like that
Removing the * margin:0 padding: 0 seems to have kinda screwed up the entire thing but I can't figure out why, I have no padding or margins on the page except padding on my gridParent
and for some reason I'm getting large amounts of spacing, and then it seems to run off at the bottom into the black? https://codepen.io/Laing91/pen/RwOGJBe
update:
this seems to fix it
lots of elements have default margin applied like all the headings, ul, p, hr so you either nuke them with the * selector or remove it from each element that has it.
dev tools is your friend remember 🙂
yeah got it now, did some dev tooling, thanks mate