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

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

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

Learningsuite and umsatz , automagency Page CSS | IKB 020

/* Author: Sumaiya , Clickup Doc Link:https://app.clickup.com/36636088/v/dc/12y1dr-22535/12y1dr-12075 */ /* Des: This CSS is added to add the line height on gradient button */ .learn-suite-gradient-button{ line-height:20px!important; } /* completed */ /* Des: This CSS is added to add line height to…Continue reading

make-contest-page-responsive-css

/* Author: Sumaiya, Clickup Doc: */ /* Desktop screen size optmization */ @media screen and (min-width: 1400px) and (max-width: 1500px) { /* Des: This CSS is added to optmize the width of section 7 title */ .mc-sec-7-title { width: 75%…Continue reading

CSS For Craft Picker

/* General Styles */ body { margin: 0; font-family: ‘Arial’, sans-serif; background-color: #f9f9f9; color: #333; line-height: 1.6; } /* Header Styles */ .header { background-color: #ffe4e1; text-align: center; padding: 20px 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }…Continue reading