Line 84: | Line 84: | ||
/*Back to the top button styling*/ | /*Back to the top button styling*/ | ||
− | #myBtn | + | #myBtn{ |
display: none; /* Hidden by default */ | display: none; /* Hidden by default */ | ||
position: fixed; /* Fixed/sticky position */ | position: fixed; /* Fixed/sticky position */ | ||
/* Place the button at the bottom of the page */ | /* Place the button at the bottom of the page */ | ||
− | bottom: | + | bottom: -50px; |
− | + | left: 46%; | |
+ | width: 100px; | ||
+ | height: 80px; | ||
z-index: 99; /* Make sure it does not overlap */ | z-index: 99; /* Make sure it does not overlap */ | ||
border: none; /* Remove borders */ | border: none; /* Remove borders */ | ||
Line 96: | Line 98: | ||
color: white; /* Text color */ | color: white; /* Text color */ | ||
cursor: pointer; /* Add a mouse pointer on hover */ | cursor: pointer; /* Add a mouse pointer on hover */ | ||
− | padding: | + | padding-bottom: 60px; /* Some padding */ |
− | border-radius: | + | border-radius: 50%; /* Rounded corners */ |
} | } | ||
Line 103: | Line 105: | ||
background-color: #555; /* Add a dark-grey background on hover */ | background-color: #555; /* Add a dark-grey background on hover */ | ||
} | } | ||
− | |||
/*Image Cube animation settings*/ | /*Image Cube animation settings*/ |
Revision as of 22:02, 2 August 2017