Remove "::before" — CSS

Question

Currently heading of my blogpost on blogger looks like this. So I wanted to remove this "-" like looking element from my blog, which is a ::before. I tried this advice here and used a little ingenuity to added a CSS like so:

div.post-body-container::before{
    content: none;
}

And some other variations of the same. Where am I going wrong here?
This is my blog btw if it is needed on which I'm using Soho Neon theme.

score 3 · Answer 1 · answered Feb 13 '22 at 18:44

3

Try using content: '' instead.

div.post-body-container::before {
  content: '';
}

answered Feb 13 '22 at 18:44

Maggie Cody

619
1
6
14

score 1 · Accepted Answer · answered Feb 13 '22 at 19:01

You are using a least specified selector.

In your CSS, the selector used to add the "-" is body.item-view .post-body-container::before, so with only div.post-body-container::before you will not be able to modify the rule.

You must use a more specific selector or remove it with a different rule (aka display: none).

PS: the same selector placed after will do it

body.item-view .post-body-container::before {
    content: none;
}

/* or */

.post-body-container::before {
    display: none;
}

Remove "::before" — CSS

2 Answers2