Hi,
Use this custom css
p.sppb-addon-title{
color: #fff !important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span{
opacity:unset !important;
}
.text-content-op7 .sppb-addon-content{
opacity:unset !important;
}
.op7 {
opacity: unset !important;
}
.sppb-addon-content {
color: #fff !important;
}
#sppb-addon-1557392586676 h4.sppb-addon-title {
color: #fff !important;
}
#sp-bottom-top a, #sp-footer a, #sp-bottom a{
color: #fff !important;
}
Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks