Screen Readers Keyboard Nav Outline
*:focus-visible { outline: 5px dashed #00AEEF !important; outline-offset: 3px; } *:focus:not(:focus-visible) { outline: none !important; }Continue reading
Type: css
Envira – fix for lightbox small image size in landscape mode
@media only screen and (orientation: landscape) { .envirabox-slide .envirabox-image-wrap{ width: auto !important; height: calc(100vh – 20px) !important; transform: translate(calc(100vh – 20px), 10px) !important; } .envirabox-image, .envirabox-spaceball{ width: auto !important; height: 350px !important; }}Continue reading
NextGEN Pro – Hide Ecommerce dashboard menu item
.toplevel_page_ngg_ecommerce_options { display: none !important; }Continue reading
Soliloquy – Replace navigation icons with FontAwesome
.soliloquy-container .soliloquy-prev:before { content: “\f053”; /* FontAwesome icon for left arrow */ font-family: “Font Awesome 5 Free”; font-weight: 900; font-size: xx-large; color: red !important; } .soliloquy-container .soliloquy-next:before { content: “\f054”; /* FontAwesome icon for right arrow */ font-family: “Font Awesome…Continue reading
NextGEN Pro – Hide the Ecommerce dashboard menu item
.toplevel_page_ngg_ecommerce_options { display: none !important; }Continue reading
CSS fix for Envira lightbox small image size in landscape mode
@media only screen and (orientation: landscape) { .envirabox-slide .envirabox-image-wrap{ width: auto !important; height: calc(100vh – 20px) !important; transform: translate(calc(100vh – 20px), 10px) !important; } .envirabox-image, .envirabox-spaceball{ width: auto !important; height: 350px !important; }}Continue reading
Hide NextGEN’s Ecommerce
.toplevel_page_ngg_ecommerce_options { display: none !important; }Continue reading
Hide NextGEN’s Ecommerce
.toplevel_page_ngg_ecommerce_options { display: none !important; }Continue reading
Replace Sol navigation icons with FA
.soliloquy-container .soliloquy-prev:before { content: “\f053”; /* FontAwesome icon for left arrow */ font-family: “Font Awesome 5 Free”; font-weight: 900; font-size: xx-large; color: red !important; } .soliloquy-container .soliloquy-next:before { content: “\f054”; /* FontAwesome icon for right arrow */ font-family: “Font Awesome…Continue reading
NextGEN Pro – Hide the Ecommerce dashboard menu item
.toplevel_page_ngg_ecommerce_options { display: none !important; }Continue reading