Hey Sandro,

Thank you for reaching out to us.

Could you please share your site URL so we can take a look of this for you?

Kind regards,

Hi there,

Thanks for keeping in touch.

We can remove the background of the icon using css. I request you send us your website URL so that we can write a possible css for it.

Thanks.

Hi Sandro,

Please send in your login details so that we can access your site as it is on maintenance mode.

Thanks.

Hi Sandro,

Please try this css to achieve this:

.nectar-button.regular-button.extra-color-1, .nectar-button.tilt.extra-color-1, body .swiper-slide .button.transparent_2 .extra-color-1:hover, #sidebar .widget:hover [class^="icon-"].icon-3x.extra-color-1:not(.alt-style), .portfolio-filters-inline[data-color-scheme="extra-color-1"], .portfolio-filters[data-color-scheme="extra-color-1"] #sort-portfolio, .portfolio-filters[data-color-scheme="extra-color-1"] a, .nectar-fancy-box[data-color="extra-color-1"]:after, .divider-small-border[data-color="extra-color-1"], .divider-border[data-color="extra-color-1"], .nectar-animated-title[data-color="extra-color-1"] .nectar-animated-title-inner:after, .portfolio-filters-inline[data-color-scheme="extra-color-1-underline"] a:after, .nectar-video-box[data-color="extra-color-1"] .nectar_video_lightbox, body .nectar-video-box[data-color="extra-color-1"][data-hover="zoom_button"] .nectar_video_lightbox:after, .nectar_video_lightbox.play_button_with_text[data-color="extra-color-1"]:not([data-style="small"]) .play > .inner-wrap:before, body.material .nectar-video-box[data-color="extra-color-1"] .nectar_video_lightbox:before, .nectar-hor-list-item[data-color="extra-color-1"]:before, .nectar-fancy-box[data-color="extra-color-1"]:not([data-style="default"]) .box-bg:after, body.material[data-button-style^="rounded"] .nectar-button.see-through.extra-color-1[data-color-override="false"] i, .nectar-recent-posts-single_featured.multiple_featured .controls[data-color="extra-color-1"] li:after, .extra-color-1.icon-normal, .bar_graph li .extra-color-1, .nectar-progress-bar .extra-color-1, .swiper-slide .button.solid_color .extra-color-1, .swiper-slide .button.solid_color_2 .extra-color-1 {
    background-color: #8b107000!important;
}
body.material[data-button-style^="rounded"] .nectar-button.see-through.extra-color-1[data-color-override="false"] i:after {
    box-shadow: none;
}
body.material[data-button-style^=rounded] .nectar-button.large i {
    font-size: 30px;
}
body.material .nectar-button.see-through[class*=m-extra-color-gradient-]:hover, body.material[data-button-style^=rounded] .nectar-button.see-through i, body.material[data-button-style^=rounded] .nectar-button.see-through-2:not(:hover) i, body.material[data-button-style^=rounded] .nectar-button.see-through-3:not(:hover) i {
    color: #000000!important;
}

From this:

Thanks.

Hi Sandro,

Please send in your website URL of the page with the button with the background.

Thanks.

Hey Again,

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

a.nectar-button.large.regular-button {
    background-color: #8b107000!important;
    color: #000000!important;
    border: 3px solid #000;
    margin-bottom: 30px;
}
 .nectar-button.large i {
    color: #000 !important;
}

Thanks