How do I remove the background color

Hi @basleroy!

Use this CSS:

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
	padding: 0 !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	left: 13px !important;
	top: 11px !important;
}

.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	padding-left: 48px !important;
	padding-right: 24px !important;
}

Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar with custom CSS, take a look at this video.

Regards,
Kris

Hi Kris,

Thanks for your reply, I tried your CSS and it almost worked. There are still some white areas. ( see image link )

Link https://ibb.co/VWmmcGv

Hi @basleroy!

Of course. Here is a CSS code that will change this white background to transparent:

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
	background: transparent !important;
}

Regards,
Kris

Hi Kris,

Yes, that worked! Thanks you!