How to change placement of footer menu & email sign up

[lyna123]

Hi how do i make this (black) footer menu as the second picture (white footer)?

even the social media icons are bad distributed

[HDL-Shin]

Hi @lyna123, Can you kindly share your store link (with the password, if any) with us? I will check it and suggest you a solution if possible.

[lyna123]

https://dreadofheaven.com/

miquai

[HDL-Shin]

Hi @lyna123, 

You can try this code by following these steps:
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

footer.footer {
    background-color: #ffff !important;
}

.footer li.list-social__item a {
    color: black!important;
}

.footer a.link.link--text.list-menu__item.list-menu__item--link {
    color: black!important;
}

.footer .caption-large.text-body {
    color: black;
}

Final Result: 

Hope this can help you 
Kind regard, 
HDL-Shin

[lyna123]

Thanks for your time and answer, but I don't want to make it white, my problem is that i want my actual footer (in black picture) to be as the other footer, not in terms of color, in terms of moving the email box next to the "costumer care" menu just as in the "white footer photo".

Also move the social media icons just as the second picture, tittle of problem is: 

How to change placement of footer menu & email sign up

[lyna123]

I please, could you help me solve this?..

[Made4uo-Ribe]

Hi @lyna123 

Can I take a look, woud you mind to share your store URL? Let see if we can re arrange theme. Thanks!

[lyna123]

https://dreadofheaven.com/

miquai (pass)

[Made4uo-Ribe · Accepted solution]

Hi @lyna123 

Im sorry i didnt notice the notification to this post. Thanks for the info,

I just like to clarify from footer black to footer white right? As image youve provided? 

Only the alignment oyu like to change or also the background color? 

Check this one. 

@media only screen and (min-width: 749px){
.footer__content-top.page-width {
    display: flex;
    flex-direction: row-reverse;  
    column-gap: 5% !important;
}
.footer-block--newsletter {
    flex-direction: column;
    flex-wrap: wrap;
    width: 20%;
     margin-top: 0px;
}
ul.list-unstyled.list-social.footer__list-social, .footer__follow-on-shop {
    align-self: flex-start;
}

.footer-block .grid--4-col-tablet .grid__item {
        width: 20%;
    }

.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
    flex-grow: 2;
}

.footer__follow-on-shop:not(:first-child):not(:last-child) {
        text-align: left !important;
    }
}

And Save. 

Result:

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

[lyna123]

Thank you sooo much !! this is exactly what i was trying to do

[Made4uo-Ribe]

Good to hear! Welcome. 

[YoavC]

I am looking for the same solution. I would like to align my email subscripition to the menus in my footer. Can you specify where to paste this code? Thank you in advance

[lyna123]

hey did you find something?  :// i don't know how to do it.. Thanks in advance..

[Vinsinfo]

@lyna123 Can you please share your store URL to help you with this?

[lyna123]

https://dreadofheaven.com/

miquai (for password

[lyna123]

hey did you find something?  :// i don't know how to do it.. Thanks in advance