Hello, I was wondering how to change the user icon with CSS, I want to make the user icon a bit larger.
hi hi! can you explain about the difference icon before user snippet/ how to use it? :0 id love to change the icon to the font awesome locust but im not sure how!!
hi!! sorry for the slightly late response!! if you go to your profile css (character css as well if you want it to display on character pages) you can paste the following code!
a[href*="https://toyhou.se/pestilants"] .user-name-icon:before { content: "\e520"; font-family: 'font awesome 6 pro'; }
- How it works is not too difficult; "a[href*="[..]/pestilants"]" equates to 'any link (a) that has this URL (href)'. It's what lets you choose the user / username you want to change the icon of. This is case sensitive though, so "Pestilants" would not work for example!
- ".user-name-icon:before" is what targets the user/star/misc icon of the user so only that portion gets changed.
- "content: "\e520";" is the unicode symbol of the icon! It's in the top right corner of each icon on the font-awesome website. the \ is important for it to work!
The difference to the link change is links do not have a little icon in front like usernames, so making use of a class is the easiest method to make them have one. Instead of changing / adding an icon in front of EVERY link it just adds it to the ones with that one class. You could also change it so it appears before every link by replacing ".class" with "a" but I believe that would cause a couple of issues with other icons such as in the sidebar.
I hope that makes a bit of sense!! If not I can try rephrasing some things haha oo)b
Hello I was wondering how you got the character names and a tiny image overlayed on the thumbnail in this example? https://toyhou.se/_________/characters/folder:2647819
is it one of the snippets here or is it separate ? So sorry but I was just a bit confused :o ty in advance!
*accidentally deleted my comment oops :')
HEY! MESSING WITH THE HIGHLIGHT CODE, AND I NOTICED WHEN YOU SELECT THE SNIPPET ITSELF RATHER THAN THE DEMO TEXT, ONLY THE TEXT CHANGES TO WHITE. HOW DID YOU DO THAT? IS THERE A WAY TO MAKE IT AUTOMATICALLY BE THE PRIMARY COLOR OF THE CSS? (SOMETHING LIKE USING $PRIMARY INSTEAD OF THE HEX CODE FOR THE COLOR)
I THINK THERE'S ALSO SOMETHING WEIRD WITH THE COMMENTS - I CAN'T CAPITALIZE TEXT, AND I CAN'T SELECT / HIGHLIGHT ANYTHING WHILE ON YOUR COMMENTS PAGE?
Heya!! Thank you for pointing out the highlighting / capitalization errors >< I don't usually receive comments and write in lowercase so it wasn't a bug I was looking out for!! That's fully on me I'm sorry,,,
It seems like for some reason using "background:grey" pretty much overnight since it worked perfectly fine when I made the page... but I've simply swapped the colors ><
To my knowledge there's no way to make it the primary color or at least I know of none :( I'll check it out a bit more though and if I do find something I'll tell you! :]
Hi! I was wondering if you could help me with this code? It's the Name + Subtitles character gallery one. I can't really get it to apply for one character, though that might be because I'm misusing it? It's in the Profile CSS spot in the Profile Advanced settings, and it applied the subheader there. But I've tried inserting links or the exact character name where it says Character Name and it still just apply the subtext universally? This looks to be the single character usage of it according to the code so I have no idea why it's applying my subtext to all characters.
Edit: My capitalization is broken, RIP
Heya!! For some reason if you enter any spaces into the character name part it starts to apply to code universally. I’ll have to check it out a bit more in a bit but to prevent this you can also enter just one word (like the first name) of the characters name for it to work!
For example, if you have a character called ‘Lila Rose’ you can simply write ‘Lila’ for the character name :]
Once I figure out the problem I’ll update the snippet and tell you ^^
thank you !! I was wondering how this would apply to a single character then, as I thought I had it when it applied universally but apparently not XD
Sorry for all the questions lol /lh
Thank you so much !!
edit: TH my capitols, hand them over
All good and YW! >< I love helping wherever I can :]
Also just clarifying, did it work or are you still having problems? :0
It's still not working for me. I'm just not sure how to make it apply to a character lol
my bad my bad, it’s 3am here so I couldn’t fully grasp what you mean ><
Here’s a small example of how I’ve used it! In this case it applies to all characters who have “myo” in the name though. If you replaced it with a characters last name for example it should work!
The code doesn’t seem to work with anything that isn’t pure letters (like spaces, ()[] and everything) so I would recommend not using it with that until I can maybe find a workaround ><
Hi! Do you know how to add images on mobile? I’m not quite sure how to explain it, but I’ll try.
So I know how to add them, but I’m not sure how to put the link there? Like you get what I mean? I’ve tried asking some people and I tried the way they told me, but it never worked. I put the link to the image, but it doesn’t show the image.
hopefully you get what I mean 😭
Hi!! I'm not... fully sure what you mean? I'm guessing you're talking about getting the image link?
If it's an image you find on the web, hold the image until the quick-action field comes up and press "open in new tab". On that new tab with the image you can simply copy-and-paste the url ^^ If it's for example a picture from discord you can click on the far right symbol in the top right corner (the one with the arrow pointing INTO the tab, not above) and then copy the url :]
If you're talking about the coding / editing field not fully working (like selecting text or copy-pasting) then I can't do anything about that sadly </3 I believe that's a general problem as I can't do that myself on my phone
niche coding snippets's Comments