You can use this custom CSS
.sp-megamenu-parent > li > a::before, .major-background-color, #sp-header.menu-fixed, #sp-logo-wrapper, .sppb-slider-fullwidth-wrapper .owl-controls .owl-dots .owl-dot.active span, .sppb-slider-fullwidth-wrapper .customNavigation a, .helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus, .pagination-wrapper .pagination li span:hover, .pagination-wrapper .pagination li a:hover, .pagination-wrapper .pagination li span:focus, .pagination-wrapper .pagination li a:focus, .com-tags #adminForm .btn-group button, .blog-details-content-wrap .pager.pagenav li a, .blog-details-content-wrap .article-footer-wrap .helix-social-share ul li a, .sppb-addon-blocknumber .sppb-blocknumber-number, .sppb-addon-text-block.block-number .sppb-addon-title, .pricing-plan-comparison table tr th.featured-price, .sppb-addon-pricing-table:hover, .sppb-addon-pricing-table.featured, .sppb-addon-pricing-table.featured:hover .sppb-btn.sppb-btn-info{
background: #fff !important;
}
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.