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

DONKKA
New Member
13 0 0

Hello, 

 

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

I have something like this 

DONKKA_0-1708426186571.png

 

I want something like this: 

DONKKA_1-1708426213253.png

 

Replies 7 (7)

Liqiud_xPert_SJ
Shopify Partner
723 92 112

@DONKKA 

 

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

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
DONKKA
New Member
13 0 0

www.eoscooter.com password scooter

Liqiud_xPert_SJ
Shopify Partner
723 92 112

@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:

2024-02-20 16_03_56-EO Scooter — Mozilla Firefox.png

 

 

 

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
DONKKA
New Member
13 0 0

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

DONKKA
New Member
13 0 0

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: 

DONKKA_0-1708593071525.png

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

Can you help me with this? 

 

 

Liqiud_xPert_SJ
Shopify Partner
723 92 112

@DONKKA 

 

yes sure let me write some code for you.

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
DONKKA
New Member
13 0 0

Okey, I will really appreciate that