« Web, HTML, Tech Forum

Can "Movies" Somehow be replaced with "Video Games"?

I'm aware of some of the inline CSS you can add that hides sections (currently I have "Movies" hidden) but is there a way to replace text with CSS so I could swap "Movies" with "Video Games"?


Report Topic

2 Replies

Sort Replies:

Reply by Ikoe

posted

.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p { visibility: hidden; }
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::before {
content: "Video Games";
visibility: visible;
}

Upside: it works. Downside: not only is it hacky at face value, it's also not in the DOM, thus you—as a passing user—cannot select this text. (By extension, this also means screen readers and other accessibility tools generally won't recognize nor be able to read it.)


Permalink Report Reply

Reply by David V. Kimball

posted
updated

Thank you very much for the reply. I will give it a try, understanding it's not an ideal solution.

Edit: I found a more ideal solution. Simply hide the Movies section (if desired) and then follow this tutorial to add another row on the bottom:


https://blog.spacehey.com/entry?id=1533


Permalink Report Reply