Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Extrait sans titre

body { font-family: Arial, sans-serif; margin: 0; padding: 0; box-sizing: border-box; } header { background-color: #333; color: #fff; padding: 10px 0; text-align: center; } nav ul { list-style: none; padding: 0; } nav ul li { display: inline; margin: 0…Continue reading

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