A way to hide "3 .cardcol.size-1of3" in webpage if noscript enabled

[tranxuanthang]

If browsing my webpage using salvattore with NoScript (a firefox extension) enabled, for example, it left a visible "3 .cardcol.size-1of3" on the webpage. Not a big problem, but some time it annoy me.

[MariusRumpf]

Use something like in the html5boilerplate where you have a no-js class. You can then hide the after element for no-js. Be sure to load the script to remove that class before salvattore.

[efc]

I just added a display: none; to the my masonry containers. For example:

.masonry-container[data-columns]::before {
    content: '3 .masonry-column.masonry-size-1of3';
    display: none;
}

The fact that the ::before is not displayed does not seem to change the effectiveness of the ::before for Salvattore.

[slavanga]

@rnmp If adding display: none; is the recommended way to hide the column config it should be added to the “how it works” section.