SureCart Product Template CSS

/* Author: Sumaiya, Clickup Doc: https://app.clickup.com/36636088/v/dc/12y1dr-22555/12y1dr-25055 */ /* Description: This CSS is added to optimize the surecart products single page */ /* Des: This CSS is added to ensures constrained elements have no margins and full width. */ .is-layout-constrained >…Continue reading

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