Hi, i have 2 problems with my website.
1 – Between multiple layer sliders a grey horizontal line appears dividing one another, in an older version of Enfold i had this code added to each slider to hide that bar, but it’s not working anymore:
margin-bottom: 0px !important;
2 – In the contact form i need to change the submit button, background and text colors. Im an older version of Enfold i had this code added in the quick CSS section, but it’s not working anymore:
.main_color input.button[type=’submit’] {
background-color: white;
color: black;
border-color: white; }
.main_color input.button[type=’submit’]:hover {
background-color: black;
color: white;
border-color: black; }
Maybe some update changed names or something, is it possible to fix it? thank you very much
Hey Qgrafica_7,
Provide a link to the site/page in question so we can look into this issue further.
Best regards,
Jordan Shannon
Thank you for your reply, i added the links in the appropriate section
Best regards,
Valentina
Hi,
For the lines add this:
.main_color div,
.main_color{
border:none!important;
}
.avia-layerslider.main_color.avia-shadow{
box-shadow:none!important;
}
For the contact form button:
.main_color input[type='submit'] {
background-color: white!important;
color: black;
border-color: white; }
.main_color input[type='submit']:hover {
background-color: black!important;
color: white;
border-color: black; }
Best regards,
Jordan Shannon