Install Docs – e-popotam

Start to Copy/Paste

Cool snippets for Elementor websites

Margin for Blog titles

				
					.single.single-post .epptm-content h1,
.single.single-post .epptm-content h2,
.single.single-post .epptm-content h3,
.single.single-post .epptm-content h4,
.single.single-post .epptm-content h5,
.single.single-post .epptm-content h6 {
    margin-top: 60px;
}

.single.single-post .epptm-content ul {
    margin-bottom: 30px;
}

Margin for Blog ul

				
					.single.single-post .epptm-content ul {
    margin-bottom: 30px;
}

Resize Header when scrolling

				
					.epptm-menu.elementor-sticky--effects .elementor-image img {
    height: 50px !important;
    width: auto;
    transition: .5s all ease-in-out;
}

Change Header color when scrolling

				
					.epptm-menu {
    background-color: #FFFFFF;
}

.epptm-menu.elementor-sticky--effects {
    background-color: #FFFFFFF0;
    transition: .5s all ease-in-out;
}

Fix Banner background-position

				
					.elementor-section.elementor-top-section.elementor-element {
    background-position: center center;
    background-size: cover;
}

Close popup Menu after click

				
					<script>
jQuery(function($){
    $(document).on('click','.elementor-location-popup a', function(event){
    elementorProFrontend.modules.popup.closePopup( {}, event);
    });
});
</script>