Empire theme: how to add the image in background - newsletter

[DONKKA]

Hello, 

I would like to add the background to the newsletter in Empire newsletter. 

I have something like this 

I want something like this: 

[Liquid_xPert_SJ]

@DONKKA 

can you please provide your store url so that i can provide you exact instructions and code.?

Thanks

[DONKKA]

www.eoscooter.com password scooter

[Liquid_xPert_SJ]

@DONKKA 

please place below code into your theme.css file and replace image url with your own

Online Store > Edit Code  > Asset folder > theme.css file place the code at the end and hit save

.pxs-newsletter-section .pxs-newsletter-figure {
	display: none !important;
}
.pxs-newsletter-section {
	position: relative;
	width: 100%;
	background: url(https://eoscooter.com/cdn/shop/files/AdobeStock_136963355_500x500.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 400px;
	display: flex;
}

Result:

[DONKKA]

Thank you for your message but unfortunately the code doesn't work. 

[DONKKA]

Okey, I find the place when I should add the code. It works but the picture is too big. 

Now I want to do something like this: 

So I need to change the color of the text and use a picture as a background. 

Can you help me with this? 

[Liquid_xPert_SJ]

@DONKKA 

yes sure let me write some code for you.

Thanks

[DONKKA]

Okey, I will really appreciate that