CSS to Opt Out of the Giftgiving Event

Hello everyone! This is gonna be short and sweet. Do you not want to participate in the giftgiving event? This CSS will do the following:

• Remove the "# gifts have been left for you!" dialog from you when viewing your own den.
• Remove the "You have already left a gift for this member!" dialog from visitors.
• Remove the giftgiving menu from visitors, meaning they will not be able to send you gifts (at least not without intentionally using browser tools to circumvent the CSS.)

If you want to confirm that this works, you can visit my den (Snowwood Den) any time tonight and tomorrow (12/18-12/19 WD time). I will be leaving it on for y'all to be able to see it in action.

To install, all you have to do is pop the following into your source code for your den:

<link rel="stylesheet" type="text/css" href="https://ranuncudahlia.neocities.org/wolvdencss/nogifting.css">

If you feel uncomfortable with me hosting it, you are welcome to download the stylesheet from the link and reupload to your prefered personal hosting method. Alternatively, use the pastebin here.

How you can also remove the dialog boxes on other people's dens when you view them, using any userstyles or adblocking/contentblocking extensions, addons, or features within your browser.

How to add something to the source code on your den.

How to remove the giftgiving prompts from your view when viewing other player's dens

Please note, this is a local-only solution. It will only work on the computer or device that you set it up with, meaning if you want to use it on multiple devices you will need to repeat these steps on each one. It also means that you are not actually removing the prompts from the player's den for all visitors, just yourself.

Stylesheets

If you would like to hide these dialogs locally on your computer, you can either use a userstyles browser feature or extension and copy-paste the CSS manually. Please make sure to include the "!important" tag on each property value, otherwise Wolvden/the player's own CSS may override it. If your tool of choice prompts you for which webpages or urls to apply it to, you can either select the domain "wolvden.com" or use the regexp "wolvden.com/*" (meaning it will apply to all pages on Wolvden.)

Adblockers/Content blockers

You can utilize any adblocker or other extension/tool which allows you to identify specific components of a webpage to hide. Utilizing the adblocker method, simply include in your blacklist "###frmDecemberGifting" and "###main > .mt-3.text-center.border.bg-light.card"

Double-check your add-ons requirements for syntax to make sure it is correctly labeled. Alternatively, if it has a "picker" tool, simply try to pick those divs using the tool. Most adblockers/etc will give you a popup which will display the name of the div you are hiding before confirming the blacklist, so you can just double check that it matches the IDs above.

Adding content to the source code on your den

This is a super simple process. One caveat is, for whatever reason, the text/etc editors on Wolvden sometimes erase information the next time you go to edit it. To avoid this, I recommend that any time you go to update your den source code, right before you hit save, copy all of the text in the source code box into a seperate file on your computer. That way, if it gets erased, you can simply copy-paste it back in.

1. Go to your den. It needs to be your den, not your user profile.
2. Scroll to the very bottom. You will see the text box you use to edit the text on your den page.
3. Press the "code view" button, on the far left of the toolbar. It will look like this: </>
   
4. You will then see the source code view of your profile. Make the edits that you need.
   
5.  If you want to save a copy of your source code, this is the time to do it. Once you are ready to save, hit the "Save Changes" button.
   
   

Update: I've removed the CSS from my profile, but please feel free to try it out and see if it works for you!

even tho i’m participating in the event this is really cool! idk anything about css but its impressive that you’ve figured this out :D