css not working
That’s because your selector is wrong. The icons are inside the body, not the other way round. So the correct selector would be body.single-post .my-icons
and the correct CSS should be.
body.single-post .my-icons {
display: none;
}
But even the corrected code above will NOT work on the URL you provided because it’s NOT a SINGLE POST page.
But it will work and hide the icons on SINGLE POST pages.
It should make disappear the first line of icons just above the big image, and work ONLY for the post pages, not on archive pages
You say you want this to work “ONLY for the post pages, not on archive pages”. Yet you provided the URL of an archive page.
This is the second time that you’ve asked for one thing… but provided the URL for a different thing.
So what do you really want?
Do you want to hide the icons on SINGLE POST pages (this is where you see ONLY the full post, and not a list of different posts)?
Or do you want to hide the icons on ARCHIVE pages (this is where you see summaries of several posts, like the URL you provided)?
Standing by.