Shopify themes, liquid, logos, and UX
Good Evening,
I am attempting to change the colour of the Newsletter Subscription box where you enter your email address at the footer of my website. At the moment, it is just defaulting to the colour of my footer which is black - however I would like this as an alternative colour so it stands out more.
I have searched everywhere for a way to do this, however currently no joy. I have included an image below of how the box currently looks.
I would appreciate any help with this.
Thank you in advance.
Solved! Go to the solution
This is an accepted solution.
add the following code at the bottom of your assets/theme.min.css
.footer--style-2 .footer__subscription input[type=email] {
border: #fff !important;
background-color: #38c7ca !important;
color: var(--footer-style-2-subscription-input-c) !important;
}
This is an accepted solution.
add the following code at the bottom of your assets/theme.min.css
html.css-full-loaded body.theme-css-animate .menu__megamenu.animate {
transition-duration: var(--animation-menu-desktop-duration);
background: #000 !important;
}
This is an accepted solution.
add the following code at the bottom of your assets/theme.min.css
.menu:not(.menu--vertical) .menu__panel:not(.menu__panel--on-a-par) .menu__dropdown, .menu__panel--on-a-par .menu__list--styled .menu__list {
margin-left: -10px;
background: #000 !important;
}
Thanks!
Also forgot to mention that we are using Shella theme.
Please share your store URL.
Welcome to shopify community.
Please share your store URL and if your store is password protected then provide password too.
Please share store Password!
Thanks!
Good Afternoon,
Thank you - if you could please let me know when you are available to have a look for me and I will remove the password from the store.
Many Thanks,
Yes I am available Please Remove password of store
Thanks!
Thank you - I have disabled the password so you should now be able to see the site.
Thank you
This is an accepted solution.
add the following code at the bottom of your assets/theme.min.css
.footer--style-2 .footer__subscription input[type=email] {
border: #fff !important;
background-color: #38c7ca !important;
color: var(--footer-style-2-subscription-input-c) !important;
}
Thanks!
It worked!! Thank you so much for being so helpful!
Whilst you are here - could i also ask you..
our main menu drop down - we would like the background set as black. However when we do this under theme settings and colours - it changes other things to black which we do not want.
Please could you advise if there is a code I can use to change this menu drop down section to black background?
Thank you
This is an accepted solution.
add the following code at the bottom of your assets/theme.min.css
html.css-full-loaded body.theme-css-animate .menu__megamenu.animate {
transition-duration: var(--animation-menu-desktop-duration);
background: #000 !important;
}
Thats amazing thank you so much again for being so helpful!
Sorry - I have just realised that it has worked on all the drop down menus, however the background of the 'brands' menu has still remained white.
Is there anything I can do?
Thank you
Sorry - I have just realised that it has worked on all the drop down menus, however the background of the 'brands' menu has still remained white.
Is there anything I can do?
This is an accepted solution.
add the following code at the bottom of your assets/theme.min.css
.menu:not(.menu--vertical) .menu__panel:not(.menu__panel--on-a-par) .menu__dropdown, .menu__panel--on-a-par .menu__list--styled .menu__list {
margin-left: -10px;
background: #000 !important;
}
Thanks!
Amazing! Thank you!!
User | RANK |
---|---|
234 | |
154 | |
55 | |
52 | |
47 |
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...
By Jacqui Mar 30, 2023Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023