ahmedooy's profile picture

Published by

published
updated

Category: Web, HTML, Tech

My First Blog: Modify your profile to have custom interests titles!

Want a quick way to edit the titles of your interests? Just like how I did on my profile, replaced "Music" with "Games" to display other interests.


Code


.col.w-40.left > :nth-child(1 of .table-section) > div.inner > table.details-table > tbody > tr:nth-child(2) > td:first-child > p::after {
  content: "Games";
  font-size: 12px;
}

.col.w-40.left > :nth-child(1 of .table-section) > div.inner > table.details-table > tbody > tr:nth-child(2) > td:first-child > p {
  font-size: 0;
}

Explanation

The first block of code, we're adding the text "Games" in the second entry in the interests.

In the second block of code, we're just hiding what was previously showing there (which was Music in this case as we're targeting the second interest)

Note that we're selecting the first instance of a class that is called table-section, thats because the links section is also sharing a similar structure. So here we're only ensuring the selection of the first appearance in the page, which is the interests. 

TLDR; To get it to work, place this block of code in a <style> block, in one of your interests. Ensure changing the number inside the bracket of :nth-child to reflect which entry you would want to change.

Happy coding!


19 Kudos

Comments

Displaying 5 of 5 comments ( View all | Add Comment )

WetSock

WetSock's profile picture
Pinned

Hiiii popping back in with a question. I notice you have your links fully hidden but mine are visible on my profile. When I edited the titles of my interests, the titles of my links changed too. Any idea how to fix this? I'm not great at coding but I can't figure it out :,)

If I can't find a solution I'll probably just hide my links then stick them in my about me instead which isn't a big deal!! But I just thought I'd ask if you have any ideas


Report Comment



You are right.. I did some testing and that was also replicating on my page when I had links.

I have fixed the issue, you can use the new code I have added onto the blog post itself.

Thank you for informing me about this issue!

by ahmedooy; ; Report

Np, thanks for answering!

by WetSock; ; Report

engr. Alveus Nosville

engr. Alveus Nosville's profile picture

This approach works but only visually and it can cause some fringe issues. Reading mode seems to cut the side bar entirely, so that's not a big problem, but in my experience with content replacemetn - web archive hates that approach, and if I was hard of seeing and wanted it to be read out loud to me, it would suck for that too, since it can't be selected. Personally I preffer inserting new sections all together instead via table code inertion to previous entry instead, which gives more room and does work in both cases.


Report Comment



It is a lot better than the de-facto default option people use, that sends the original text to the left where it still can be selected.

by engr. Alveus Nosville; ; Report

WetSock

WetSock's profile picture

You are my hero. I added a category for my favorite kinds of milk.


Report Comment



haha glad i could be of help!

by ahmedooy; ; Report

Kinia

Kinia's profile picture

Thank you so much!!!


Report Comment



ofc and happy customizing!

by ahmedooy; ; Report

WetSock

WetSock's profile picture

THANK YOU I've seen people do stuff like this before but I never knew how


Report Comment