Firefox not rendering correctly

Hi @cregy,

For some reason FF is applying a less specific rule in your stylesheet. It seems like a bug in FireFox. Here’s a screenshot:

https://prntscr.com/k1x0jv

To fix it, can you update that rule to this?

.site-content ol, .site-content ul {
    margin: 0 0 1.41575em 3em;
    padding: 0;
}

Hi

Thanks for the reply. I have updated the rule and it doesn’t seemed to have fixed it. I have only updated via the customiser. I added an !important to see if it needed forcing.

Any thoughts please?

Thanks

Rich

Hi Rich,

You’ll have to update it in style.css, not in the editor. Otherwise you’re just adding a new rule, not editing the existing one.

Hi

I have added it to the child theme css and still not helping. Do I need to add it to the parent theme please? If I need to I will have to be careful on updating.

Thanks

Rich

Hi @cregy,

You literally need to find the existing rule and edit it there.

I don’t know why, but for some reason FF is applying that margin instead of the more specific one. That’s why adding !important or any other technique isn’t working.

You’ll have to make a note for updating the parent theme. Or contact the theme developer for help. Maybe they can update that rule too (it doesnt appear to be needed by the theme).

Thanks for all the help. I have discovered some issues with css and child/parent theme. I have asked for further support via Storefront parent theme.

Thanks

Rich

Hi Rich,

Okay let me know if you need any assistance after that. I’ll mark this as resolved for now but feel free to comment or open a new issue as needed. Have a good week!