Last active
June 9, 2021 12:33
-
-
Save thetwopct/0c26e45e2ed0ffcbfb917890bd0f2313 to your computer and use it in GitHub Desktop.
CSS Snippets for Tax Toggle for WooCommerce
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* CSS Snippets for Tax Toggle for WooCommerce. Add these to your CSS file or to your theme via Customizer. */ | |
/* Move down on left */ | |
#wcvat-toggle { | |
top: 90%; | |
} | |
/* Move to right side of screen */ | |
#wcvat-toggle { | |
left: unset; | |
right: 0; | |
} | |
/* Move to right side of screen and closer to header */ | |
#wcvat-toggle { | |
left: unset; | |
right: 0; | |
top: 100px; | |
} | |
/* Move to right side of screen and closer to header (if header is sticky) */ | |
#wcvat-toggle { | |
left: unset; | |
right: 0; | |
top: 100px; | |
z-index: 9999; | |
} | |
/* Top left */ | |
#wcvat-toggle { | |
top: 0px; | |
z-index: 9999; | |
} | |
/* Top right */ | |
#wcvat-toggle { | |
left: unset; | |
right: 0; | |
top: 0px; | |
z-index: 9999; | |
} | |
/* Bottom right */ | |
#wcvat-toggle { | |
left: unset; | |
top: unset; | |
right: 0; | |
bottom: 0; | |
z-index: 9999; | |
} | |
/* Bottom left */ | |
#wcvat-toggle { | |
top: unset; | |
bottom: 0; | |
z-index: 9999; | |
} | |
/* Note: You may be able to remove z-index from these CSS examples depending on your theme */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment