Re: Email Signup Block

Solved

Email Signup Block

bagdonaviciusbm
Tourist
32 0 3

I've noticed that in the email signup form block on my homepage, the corners are different colors compared to the main section. Is there a way to either remove those corners or make them the same color as the main section? The only other setting I can adjust is making the section not full width, which results in more dark brown borders around the text.

bagdonaviciusbm_0-1721634726446.png

 

Accepted Solution (1)

Moeed
Shopify Partner
5546 1503 1791

This is an accepted solution.

Hey @bagdonaviciusbm 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.newsletter__wrapper {
    border-radius: 0 !important;
}
</style>

RESULT:

Moeed_0-1721636161028.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

oscprofessional
Shopify Partner
16115 2409 3123

Hello @bagdonaviciusbm 
Please share the share your store URL and password if any please.

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

Moeed
Shopify Partner
5546 1503 1791

This is an accepted solution.

Hey @bagdonaviciusbm 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.newsletter__wrapper {
    border-radius: 0 !important;
}
</style>

RESULT:

Moeed_0-1721636161028.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
562 122 111

Hello @bagdonaviciusbm 

Go to online store ---------> themes --------------> actions ------> edit code------->base.css
add this code at the end of the file.

.newsletter__wrapper {
border-radius: 0px !important;
}

and the result will be
6.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

namphan
Shopify Partner
1349 164 199

Hi @bagdonaviciusbm,

Please go to Actions > Edit code > Assets > newsletter-section.css file and paste this at the bottom of the file:

 

.newsletter__wrapper {
    border-radius: 0;
}

 

 

Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com