How Can I move email signup to a block in the footer.

[BD2024]

Hi 

I am using Origin Theme and I would like to know how could I movd the email signup into a block at the footer, so it goes from below to the side on the 4th column.

Thanks a lot!

[Made4uo-Ribe]

Hi @BD2024 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

[BD2024]

https://www.brilliancedirect.com

[Made4uo-Ribe]

Thanks for the info, check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (min-width: 749px) {
.footer__content-top.page-width {
    display: flex;
    width: 100%;
}

.footer__blocks-wrapper.grid {
    flex-grow: 1;
}

.footer-block--newsletter {
    margin-top: 0;
}

.footer-block__newsletter {
    align-self: flex-start;
}
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[BD2024]

Thanks so much, looking much better now, Do you know how can I do to have it level with the text like in your picture?

Thanks so much!!

[Made4uo-Ribe · Accepted solution]

Welcome! I checked it again, and it’s already aligned on my end. Feel free to add something important, or you can replace it using the code below.

@media only screen and (min-width: 749px) {
.footer__content-top.page-width {
    display: flex;
    width: 100%;
}

.footer__blocks-wrapper.grid {
    flex-grow: 1;
}

.footer-block--newsletter {
    margin-top: 0 !important;
}

.footer-block__newsletter {
    align-self: flex-start;
}
}

 And save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Made4uo-Ribe]

Welcome! Would you mind hitting 'like' as well? Thanks!