ray ☆ 🍉 (yuri lover ⚢)'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

HTML/CSS pronoun feature

hi! this is a feature you can easily add to your "about me" section to add in another slot for your status/details :)

it doesn't need to be pronouns, it can honestly be used for any bit of text

to use, just replace the text inside the quotation marks after 'content:' with either your pronouns or anything else

CODE --

<style>

.general-about .details:before {
    content: "pronouns / here";
}

</style>

EXAMPLE --

<style>

.general-about .details:before {
    content: "she / him";
}

</style>


22 Kudos

Comments

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

Hostuu

Hostuu's profile picture

Useful! might use


Report Comment

𝐉𝐀𝐘 ☥ ִ ་ 💉 ⚣

𝐉𝐀𝐘 ☥ ִ ་ 💉 ⚣'s profile picture

is there a way to change the text colour? <3


Report Comment



yeah :D inside the code just add 'color: (whatever colour code)' nd it shuld change

by ray ☆ 🍉 (yuri lover ⚢); ; Report

mossy :]

mossy :]'s profile picture

oh sick I'm definitely gonna use this; I'd previously just used my status/"you" section for pronouns


Report Comment



alright this is a bit embarrassing but I'm having a hard time figuring out how to bold the pronouns and turn them into a link to my pronouny/pronouns.cc - anyone have any advice? it looks like bolding it with the usual `` brackets doesn't work here but idk

by mossy :]; ; Report

i js looked it up and it's impossible to put in a link with :before in css/html, it's only possible with javascript/jquery which spacehey doesn't accept
sorry!1

by ray ☆ 🍉 (yuri lover ⚢); ; Report

oh that's fine, and thanks again for helping me!!

by mossy :]; ; Report