juanmiguel40
You can find the declaration for all of these in the file:
/templates/ja_eventcamp/css/template.css
Search for these:
.section-decor.decor-2 {
background: #2196F3;
border-radius: 50%;
bottom: 100%;
display: inline-block;
height: 30px;
position: absolute;
right: 5px;
margin-bottom: -15px;
width: 30px;
}
.section-decor.decor-2:before {
border: 80px solid #2c92fe;
border-radius: 50%;
content: "";
position: absolute;
pointer-events: none;
top: 50%;
left: 50%;
margin-left: -300px;
margin-top: -300px;
height: 600px;
opacity: 0.05;
width: 600px;
}
@media (max-width: 767.98px) {
.section-decor.decor-2:before {
border-width: 40px;
margin-left: -100px;
margin-top: -100px;
height: 200px;
width: 200px;
}
}
.section-decor.decor-3 {
background: #2196F3;
border-radius: 50%;
bottom: 100%;
display: inline-block;
height: 50px;
position: absolute;
left: 40px;
margin-bottom: -25px;
width: 50px;
}
.section-decor.decor-3:before {
border: 80px solid #000;
border-radius: 50%;
content: "";
position: absolute;
pointer-events: none;
top: 50%;
left: 50%;
margin-left: -300px;
margin-top: -300px;
height: 600px;
opacity: 0.05;
width: 600px;
}
.....
To override this, you can change the value as you wish and copy your custom change into the file:
/templates/ja_eventcamp/css/custom.css (create this file if it doesn't exist now)