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.
Also forgot to mention that we are using Shella theme.
1 Like
@Endlessretro
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.
@Endlessretro
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,
@Endlessretro
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
1 Like
@Endlessretro
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;
}
1 Like
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
1 Like
@Endlessretro
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;
}
1 Like
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
@dmwwebartisan
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?
1 Like
@Endlessretro
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!
1 Like
