Code Dragon aCodeDragon
aCodeDragon
/ ele-loop-slider.html
Last active
April 8, 2024 21:09
Elementor Loop Grid Custom Slider using Swiper
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| //Loop Posts Slider | |
| //NOTE:IF using custom code in Elementor Settings, this needs to be wrapped in window.addEventListener('load', ()=>{}) to ensure all Elementor scripts are loaded | |
| window.addEventListener('load',()=>{ | |
| const sContainer = document.querySelector(".your-class-name .elementor-widget-container"); | |
| const sWrapper = document.querySelector(".your-class-name .elementor-loop-container"); | |
| let sSlide = document.querySelectorAll('.e-loop-item'); | |
| sContainer.classList.add("swiper-container"); | |
| sWrapper.classList.add("swiper-wrapper"); |
aCodeDragon
/ altnernating-block-elementor.json
Created
November 9, 2022 10:05
Alternating Post Blocks using CSS with Elementor
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"content":[{"id":"3df47181","settings":{"flex_gap":{"unit":"px","size":0,"sizes":[]},"margin":{"unit":"rem","top":"0","right":"0","bottom":"0","left":"0","isLinked":false},"margin_tablet":{"unit":"rem","top":"","right":"","bottom":"","left":"","isLinked":true},"margin_mobile":{"unit":"rem","top":"","right":"","bottom":"","left":"","isLinked":true},"padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":false},"__globals__":{"background_color":"globals\/colors?id=31bd9885"},"boxed_width":{"unit":"px","size":1100,"sizes":[]}},"elements":[{"id":"dabeb2b","settings":{"title":"Alternating Post Blocks - Without A Plugin","header_size":"h1","align":"center","typography_typography":"custom","typography_font_family":"Georgia","typography_font_size":{"unit":"rem","size":2.9,"sizes":[]},"typography_font_size_tablet":{"unit":"rem","size":"","sizes":[]},"typography_font_size_mobile":{"unit":"rem","size":2.4,"sizes":[]},"typography_font_weight":"600","_padding":{"unit":"rem","top":"4","right":"0"," |