Footer Impulse Questions

[pepperberries]

I am a wordpress site builder and shopify is very confusing to me! This might be too much for me to ask, but I have three questions: 

1) How can I center the logo in the footer in the Impulse theme? It seems like it should just be something  so simple such as clicking or checking a box, but instead it seems like I have to code something just to center the logo? I'm so frustrated!! Here is the site https://43992b.myshopify.com/

2) Why is it that when I hit return in the footer "custom text" box, the line jumps down too far? In wordpress, I can adjust that by going into the html and quickly adjusting that- but there is no option here!

3) We don't take all of the payment options that show up in the payment list, how do I get rid of the ones we don't accept?

Thank you!

[pepperberries]

Ignore this, shopify won't let me delete this second post that I accidentally created

[dws_pvt_ltd]

@pepperberries , To centre the logo in the footer in the Impulse theme
Hello! Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

footer.site-footer .footer__item--logo_social_gmwTny {
    text-align: center;
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[pepperberries]

This is great! Thanks that worked! I am still hoping to know the answer to the other questions I have, too. Thank you so much!

[pepperberries]

Hi- this worked,  thank you! But your screenshot shows something curious. See how in your screenshot there is a lot of white space to the right? I have the "Find us" and "Footer Menu" sections set at 49% each, and yet, they don't center responsively on the page. Why is that? Typically, with mobile responsiveness, these things would just adjust to be mid point. What causes this white space to the right instead of it automatically filling in to be centered regardless of the screen size? Thank you for any direction you can give. I build wordpress sites and I'm so confused about this stuff. It seems so restrictive compared to wordpress. Thank you!

[Rahul_dhiman]

Hello @pepperberries 
1)  For Logo in center
Go to online store ----> themes ----> actions ----> edit code---->theme.css
add this code at the end of the file.

@media only screen and (min-width: 769px) {
.footer__logo {
padding-left: 38rem !important;
}
}

2) To get rid of payment icon you don't accept

(( delete the icon number line which you accept from the below code (eg) if you accept 3 number and 5 number icon of payment then delete those number line from below code)).  
Go to online store ----> themes ----> actions ----> edit code---->footer.css
add this code at the end of the file.
li.icon--payment:nth-child(1), li.icon--payment:nth-child(2), li.icon--payment:nth-child(3), li.icon--payment:nth-child(4), li.icon--payment:nth-child(5), li.icon--payment:nth-child(6), li.icon--payment:nth-child(7), li.icon--payment:nth-child(8), li.icon--payment:nth-child(9), li.icon--payment:nth-child(10) {
display: none !important;
}

If this was helpful, hit the like button and accept the solution.
Thanks

[pepperberries]

Hi, thank you for taking the time to reply to me! I was wondering about the icon part- is this for Impulse theme? I can't find the footer.css in impulse theme and their support seems hideous (1-3 days reply on tickets with no chat options) so I don't know if maybe I'm just looking in the wrong spot? Thanks so much for your help!