Edit footer

Tourist
30 0 1
Hello I have a problem with the footer.
Tamplate: supply
1. Center everything
2. Transfer of "SIGN UP" from the newsletter to the email save window. 3. Changing the color of the "SIGN UP"

www.caccesories.com
Pass: mat
0 Likes
Shopify Expert
2488 417 525

1. Center everything

-For that we have to change some grid structure in code.  

 

2. Transfer of "SIGN UP" from the newsletter to the email save window.

-What you mean here  

 

3. Changing the color of the "SIGN UP"

Add this in asset->theme.scss file 

.site-footer .contact-form #subscribe{background: #007fcd; color: white;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Tourist
30 0 1

@Jasoliya 

1. I would like to achieve this effect (+ social media icons here):

aaa2.png

 

2. I mean moving the button:
aaa.png

 

3. Works, thank you.
How to dim the button after hovering with the computer mouse?

0 Likes
Shopify Expert
2488 417 525

1. I would like to achieve this effect (+ social media icons here):

-For that need to change structure cant we do  just css

 

2. I mean moving the button:

Add this css:

.site-footer .contact-form .input-group{width:100%}
.site-footer .contact-form .input-group #Email{border-right: 1px solid #ababab;}
.site-footer .contact-form .input-group .input-group-btn{float: left; width: 100%; margin-top: 10px;}
.site-footer .contact-form .input-group .input-group-btn #subscribe{float: left; width: 100%;}

3.How to dim the button after hovering with the computer mouse?

Add this css:

.site-footer .contact-form .input-group .input-group-btn #subscribe:hover {background: #a72516;color: #EDEDED;}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Tourist
30 0 1

@Jasoliya 

 

Additional. Everything works correctly. THANKS!

 

1. Can you still tell me how to gently move the entire newsletter to the right (footer)?

2. And how to change the word "SIGN UP" to "SUBSCRIBE"

0 Likes
Shopify Expert
2488 417 525

1. Can you still tell me how to gently move the entire newsletter to the right (footer)?

Add this css:

.site-footer .grid:first-child .grid-item:last-child{ float: right;}

2. And how to change the word "SIGN UP" to "SUBSCRIBE"

- Open Snippet->newsletter-form.liquid and find '{{ 'layout.footer.newsletter_sign_up' | t }}' now remove this and add "SUBSCRIBE".

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like