Solved

Move Email Signup - Refresh Theme

Tara123
Explorer
65 3 6

Hi there,

 

Can anyone please adivse how to move the email signup to the right block and align with left menu links? Also how can I make the space between blocks smaller? Thank you.

Tara123_0-1708500309300.png

 

example: 

Tara123_1-1708500492404.png

Best regards,

Tara

 

 

Accepted Solution (1)

BSS-Commerce
Shopify Expert
3465 459 515

This is an accepted solution.

Hi @Tara123 ,

You can edit the CSS to customize the footer on your website. Add the following code at the end of your base.css file:


h2.footer-block__heading.inline-richtext {
text-align: start !important;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
margin-top: 0px !important;
}


.footer__content-top.page-width {
display: flex;
align-items: flex-start;
gap: 40px;
flex-wrap: wrap;
}


@media only screen and (min-width: 750px) {

.footer-block--newsletter.scroll-trigger.animate--slide-in {
flex: 1;
}
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
flex: 2;
}
}
--> Result after adding:

view - 2024-02-26T095128.738.png

Hope it helps @Tara123 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
3672 928 1159

Hey @Tara123 

 

Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Tara123
Explorer
65 3 6

Hi Moeed,

 

Thanks for your kind response. My website: veepli.com, PW: owcrjj

 

Best Regards,

BSS-Commerce
Shopify Expert
3465 459 515

This is an accepted solution.

Hi @Tara123 ,

You can edit the CSS to customize the footer on your website. Add the following code at the end of your base.css file:


h2.footer-block__heading.inline-richtext {
text-align: start !important;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
margin-top: 0px !important;
}


.footer__content-top.page-width {
display: flex;
align-items: flex-start;
gap: 40px;
flex-wrap: wrap;
}


@media only screen and (min-width: 750px) {

.footer-block--newsletter.scroll-trigger.animate--slide-in {
flex: 1;
}
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
flex: 2;
}
}
--> Result after adding:

view - 2024-02-26T095128.738.png

Hope it helps @Tara123 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Tara123
Explorer
65 3 6

Thank you so much. It works.

Tara123
Explorer
65 3 6

A further question, for mobile view, how can I decrease the top margin of email signup block to the same as the other blocks? The space looks large. Thank you.

 

Tara123_3-1709274187774.png