This is a quick background overlay code for Pro Version:
/*Tablet background Overlay Elementor Pro*/
@media(max-width:1024px){
selector.elementor-element > .elementor-background-overlay {
background-color: transparent;
background-image: linear-gradient(
80deg, #000000 20%, #F2295B00 80%);
opacity: 0.79;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
}
/*Mobile background Overlay Elementor Pro*/
@media(max-width:767px){
selector.elementor-element > .elementor-background-overlay {
background-color: transparent;
background-image: linear-gradient(
180deg, #000000 20%, #F2295B00 80%);
opacity: 0.79;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
}
/*Tablet background Overlay Elementor Free*/
@media(max-width:1024px){
.bg-overlay.elementor-element.bg-overlay > .elementor-background-overlay {
background-color: transparent;
background-image: linear-gradient(
90deg, #000000 30%, #F2295B00 80%);
opacity: 0.79;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
}
/*Mobile background Overlay Elementor Free */
@media(max-width:767px){
.bg-overlay.elementor-element.bg-overlay > .elementor-background-overlay {
background-color: transparent;
background-image: linear-gradient(
180deg, #000000 30%, #F2295B00 80%);
opacity: 0.79;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
}
You can watch the tutorial base on this video here
0 comments:
Post a Comment