« Web, HTML, Tech Forum

How to change interest box topics?

Hello, so I've been wanting to change (and remove) some of the interest boxes on my page. However, ever code that I come across only shows on my screen and not anyone elses. Here, look, these screenshots show how it appears when im logged in vs when i log out

Also, before someone redirects me to Sunny's code, it personally did not work for me






Report Topic

2 Replies

Sort Replies:

Reply by Sunniez

posted

maybe if you try this?
it's what i used for my profile



:root {
--topic1: "General";
--topic2: "Fandom";
--topic3: "Music";
--topic4: "TV/Movies";
--topic5: "Books";
--topic6: "Heroes";
}

.table-section:not(:last-child) .details-table tr td:first-child p{
color:transparent !important;text-shadow: none !important;letter-spacing: -100px;
}

.details-table tr td:first-child p::after{
color:var(--links) !important;
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}


Permalink Report Reply

Reply by OxeeCleen

posted

Here you go:

<style>

.details-table tr:nth-of-type(1) td:nth-of-type(1) p {

  font-size: 0;

}

.details-table tr:nth-of-type(1) td:nth-of-type(1) p::after {

  font-size: 12px;

  content: "Test text";

}

</style>

The above code will change "General" to "Test Text".

I reset my profile to test this both logged in and out, so it should work for you.

Hope this helps ^_^


Permalink Report Reply