Get Ready Elementor Templates

How To Create SEO & Digital Marketing Agency Website Using Elementor Flexbox

Subscribe To My YouTube Channel For More Upcoming Videos

Hide horizontal overflow for the entire page CSS

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
/* Hide horizontal overflow for the entire page */
html, body {
overflow-x: hidden;
}
</style>
<style> /* Hide horizontal overflow for the entire page */ html, body { overflow-x: hidden; } </style>



 

View Service Button Hover CSS

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.view-service-button a{
transition: all 0.3s;
}
.view-service-button:hover a{
color: #000 !important;
}
.view-service-button a{ transition: all 0.3s; } .view-service-button:hover a{ color: #000 !important; }

.view-service-button a{
    transition: all 0.3s;
}
.view-service-button:hover a{
    color: #000 !important;
}


 

View Service Button Hover CSS Class

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
view-service-button
view-service-button
view-service-button

 

Arrow Icon CSS

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.angle-box:before{
content: '';
position: absolute;
top: 0;
right: 30px;
width: 2px;
height: 100%;
background-color: #D0D0D0;
transform: skewX(45deg);
transform-origin: top right;
}
.angle-box:before{ content: ''; position: absolute; top: 0; right: 30px; width: 2px; height: 100%; background-color: #D0D0D0; transform: skewX(45deg); transform-origin: top right; }
.angle-box:before{
    content: '';
    position: absolute;
    top: 0;
    right: 30px;
    width: 2px;
    height: 100%;
    background-color: #D0D0D0;
    transform: skewX(45deg);
    transform-origin: top right;
}

 

Arrow Icon CSS Class

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
angle-box
angle-box
angle-box

 

Arrow Icon CSS Class

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
angle-box
angle-box
angle-box

 

Marquee Content CSS

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.marquee-content .elementor-icon-list-items{
display: flex;
width: 10000px;
transform: translateX(0px);
animation: marquee 22s linear infinite;
white-space: nowrap;
}
.marquee-content:hover .elementor-icon-list-items{
-webkit-animation-play-state: paused;
}
.marquee-content .elementor-icon-list-text{
-webkit-text-stroke: 1px #02050a;
}
@keyframes marquee {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
100% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
}
}
.marquee-content .elementor-icon-list-items{ display: flex; width: 10000px; transform: translateX(0px); animation: marquee 22s linear infinite; white-space: nowrap; } .marquee-content:hover .elementor-icon-list-items{ -webkit-animation-play-state: paused; } .marquee-content .elementor-icon-list-text{ -webkit-text-stroke: 1px #02050a; } @keyframes marquee { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); } }
.marquee-content .elementor-icon-list-items{
    display: flex;
    width: 10000px;
    transform: translateX(0px);
    animation: marquee 22s linear infinite;
    white-space: nowrap;
    
}

.marquee-content:hover .elementor-icon-list-items{
    -webkit-animation-play-state: paused;
}

.marquee-content .elementor-icon-list-text{
    -webkit-text-stroke: 1px #02050a;
}


@keyframes marquee {
   0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
  }
}


 

Marquee Content CSS Class

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
marquee-content
marquee-content
marquee-content

 

Counter Spacing CSS

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.counter .elementor-counter-title{
margin-left: 8px;
padding-top: 10px;
}
.counter .elementor-counter-title{ margin-left: 8px; padding-top: 10px; }
.counter .elementor-counter-title{
    margin-left: 8px;
    padding-top: 10px;
}

 

Counter Spacing CSS Class

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
counter
counter
counter

 

Button Icon Adjustment CSS

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.button .elementor-button .elementor-button-icon svg{
margin-bottom: -3px!important;
}
.button .elementor-button .elementor-button-icon svg{ margin-bottom: -3px!important; }

.button .elementor-button .elementor-button-icon svg{
    margin-bottom: -3px!important;
}


 

Button Icon Adjustment CSS Class

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
button
button
button

 

Wanna join my secret winners’ gang?

I only share these secrets with the people in this group. Honestly, you can not find such tricks for FREE on the whole internet!

  • Money Making Blog Tricks
  • $100k by Freelancing Formula
  • Secret Resources
  • Rich Dad business tactics
  • And, of course about my upcoming videos and plans