Changing the colour of the Newsletter Subscription box where you enter your email address

[Endlessretro]

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. 

[Endlessretro]

Also forgot to mention that we are using Shella theme.

[dmwwebartisan]

@Endlessretro 

Please share your store URL.

[Denishamakwana]

Welcome to shopify community.

Please share your store URL and if your store is password protected then provide password too.

[Endlessretro]

Thank you. 

https://endless-retro-22.myshopify.com/

[Endlessretro]

https://endless-retro-22.myshopify.com/

thank you

[dmwwebartisan]

@Endlessretro 

Please share store Password!

Thanks!

[Endlessretro]

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,

[dmwwebartisan]

@Endlessretro 

Yes I am available Please Remove password of store 

Thanks!

[Endlessretro]

Thank you - I have disabled the password so you should now be able to see the site. 

Thank you

[dmwwebartisan · Accepted solution]

@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;
}

[dmwwebartisan]

@Endlessretro 

Thanks!

[Endlessretro]

It worked!! Thank you so much for being so helpful! 

[Endlessretro]

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

[dmwwebartisan · Accepted solution]

@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;
}

[Endlessretro]

Thats amazing thank you so much again for being so helpful!

[Endlessretro]

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

[Endlessretro]

@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?

[dmwwebartisan · Accepted solution]

@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!

[Endlessretro]

Amazing! Thank you!!