+ 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

For Guild Members

Journeyman 30x30.png


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 +

Grandmaster Icon


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.


Comments

Please Login in order to comment!
13 Nov, 2019 07:47

Hi! Thanks for the article. :-)   I think, I found a mistake: Should the "h4" be closed?  

TO TOP
 
TO TOP

13 Nov, 2019 07:49

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

13 Nov, 2019 16:29

Good catch! Thank you much! It's corrected now. ;)

Author of the upcoming book Rise: Liminal Chronicles |
Powered by World Anvil