+ Floating Top Link - 2 Ways

Put a floating link at the top TOP

Edit as neeeded and put this line at the top of your page/article

[h1|top]Name of Top Content[/h1]

Link Text that will float

Edit this line if you wish and put it in your page's section->Sidebar: Over panel content (this will allow you to have the most control over where it goes and not have the link stuck inside another div element)

[h4|totop][url:#top]TO TOP[/url][/h4]

Edit as needed and put this in your CSS:

.user-css #totop{
position: fixed; 
top: 150px; 
right: 50px; 
z-index: 1; 
} 

Container Option

This option is for Grandmasters and above.

Edit this line if you wish and put it in your page's section->Sidebar: Over panel content: Over panel content (this will allow you to have the most control over where it goes and not have the link stuck inside another div element)

[container:side-box][url:#top]To Top[/url][/container]

Edit and Put this in your CSS:

* {
  --box-pad: 20px;
  --sideBox-bg: #333;
}
 .side-box{ 
   border-radius: 10px; 
   top: 200px; 
   right: 50px; 
   padding: var(--box-pad) ;
   background: var(--sideBox-bg) ;
  
   position: fixed;
   text-align: center;
   width: 100px;
 }

TO TOP

To Top

For Guild Members

CSS modification is for guild members (Journeyman and above). If you're not subscribed at that level and wish to do so, you can on the membership page.

(Journeyman icon property of World Anvil.)

For Grandmasters +

Containers and Sections are for guild members Grandmaster and above. If you're not subscribed at that level, you can upgrade your membership on your account page.

(Grandmaster icon property of World Anvil.)

CSS Reference

---

If you'd like to learn more about CSS, check out FreeCodeCamp and w3schools' CSS Reference.


The WA Codex is a good place to start learning about how to play in WA.


WA's discord #guild-css-help channel is also great. I hang out there just to learn from what people ask about.