Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Envira Search – customize the search form styling

/*Search container width*/ .envira-gallery-search-container { max-width: 446px !important; } /*Height of the search input*/ .envira-gallery-search-container .envira-gallery-search-form .envira-image-search-input { line-height: 20px !important; } /*Font adjustments for the search field*/ .envira-gallery-search-container .envira-gallery-search-form .envira-image-search-input { color: #000000 !important; font-family: Arial !important font-size: 17px…Continue reading

Motion on/off button – CSS

/* ================== * Accessibility Motion Toggle Styles * ================== */ /* ================== * Global motion & animation disabling * ================== */ .animations-disabled .et_pb_animation_top, .animations-disabled .et-animated, .animations-disabled .et_had_animation, .animations-disabled .et_had_animation.et-no-motion, .animations-disabled [data-parallax], .animations-disabled .parallax, .animations-disabled .et_parallax_bg, .animations-disabled .dipi_tile_scroll_container, .animations-disabled .dipi_tile_scroll_item_container, .animations-disabled…Continue reading

Play/Pause button CSS

/* play/pause for homepage background video */ .video-controls { position: absolute; bottom: 20px; right: 20px; z-index: 1000; } #playPauseBtn { padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } #playPauseBtn:focus { outline: 2px solid #ffcc00; }Continue reading

Fluent Support Form – dark theme

/* Main container and outer backgrounds */ #fluent_support_client_app, .fst_client_portal, .fs_all_tickets, .woocommerce-MyAccount-content, .fs_tk_body, .fst_pagi_wrapper { background-color: #000 !important; color: #fff !important; } /* Fix the bright top section */ .fs_filters_container, .fs_search_bar, .fs_tk_actions { background-color: #000 !important; } /* Search input styling…Continue reading

Card box Style – Tools und Plugins calculation form

/* Specific styles for the custom HTML widget container */ /* Author: Sumaiya, Clickup Doc:https://app.clickup.com/36636088/v/dc/12y1dr-22535/12y1dr-24335 */ .custom_grid_fluentform .ff-t-cell { display: flex !important; /* Use flexbox to arrange child elements */ flex-direction: row !important; /* Set flex direction to row */…Continue reading

custom-buddyboss-css-fixes

/* buddy panel item */ .bb-template-v2 .side-panel-menu li { font-weight: 700 !important; } .bb-template-v2 .side-panel-menu li:not(.bp-menu-item-at-bottom) { margin: 5px 0 !important; } .bb-template-v2 .buddypanel .side-panel-menu li.current-menu-item>a { border-radius: 8px !important; } .bb-template-v2.buddypanel-open .buddypanel .side-panel-inner li:not(.current-menu-item) a i:not(.bb-icon-angle-down) { opacity: 1…Continue reading

custom-font-family

/* English font */ html:lang(en) body { font-family: “Inter”, sans-serif !important; } /* Arabic font */ html:lang(ar) body { font-family: “Droid Kufi AR”, sans-serif !important; }Continue reading