How to increase banner background width for email sign up?

Solved

How to increase banner background width for email sign up?

celestel
Tourist
8 0 2

Hi, I'm trying to increase the width of the banner background in the email sign up for my page. I want the green background to extend to the sides of the screen and want this adapted for desktop and mobile. Please help! 

celestel_0-1711300667599.png

Website: oforothers.com

PW: oneforyou 

Accepted Solution (1)

Guleria
Shopify Partner
4104 803 1155

This is an accepted solution.

Follow these steps:

 

1. Go to Online Store -> Theme -> Edit code

 

2. Open your base.css file and paste the following code at the bottom:

 

.newsletter.center.newsletter--narrow.page-width {
    max-width: 100%;
    padding: 0;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

Replies 2 (2)

Guleria
Shopify Partner
4104 803 1155

This is an accepted solution.

Follow these steps:

 

1. Go to Online Store -> Theme -> Edit code

 

2. Open your base.css file and paste the following code at the bottom:

 

.newsletter.center.newsletter--narrow.page-width {
    max-width: 100%;
    padding: 0;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

deepaksharma
Shopify Partner
449 63 101

Hi @celestel 

 

Follow the below steps 

 

Head to Theme Code Editor and find the file called base.css and paste the code to very bottom of the website

 

.newsletter.center.newsletter--narrow.page-width {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com