Changing the buttons on the theme works exept for main parralax

Shapely
1

Hey again, thanks for this wonderful theme.
I managed to change all the buttons to the right color exept for:

  • Main parralax (purple)
  • contact form 7 submit button

Could you guide me in solving this?

2

Hi @ezra,

Thank you for your question.

Could you please share me the pages URLs from your site where it is displaying so that i can help you to achieve it?

Kind Regards,
Movin

3

Hey @Movin of course:

https://www.promotionbikes.nl/
https://www.promotionbikes.nl/contact/

Thanks for your time

4

You can try making them same color by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#page input[type="submit"] {
        color: #FFF;
    border-color: #FFF;
    background: #000;
}
#page input[type="submit"]:hover {
        color: #000;
    border-color: #000;
    background: #fff;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

5

Awesome that changes the contact form indeed. However not the main page yet.

6

I don’t see the purple button anywhere on the home page of your shared site.

Please advise.

7

That is because i removed it, when I add the second button for the top parralex widget it shows purple. Should I re add it?

8

Yes please readd it so that i can see it.

9

Thanks I’ve added it again!

10

Yet i don’t see the purple button on your site as shown in the attached screenshot.

11

Sorry, was tweaking the site. Its also on www.waaromzomoeilijk.nl

12

To change the color of that button try using the below CSS code.

.shapely_home_parallax  a.btn.btn-lg.btn-filled:nth-of-type(2) {
        color: #FFF;
    border-color: #000;
    background: #000;
}
.shapely_home_parallax  a.btn.btn-lg.btn-filled:nth-of-type(2):hover {
        color: #000;
    border-color: #fff;
    background: #fff;
}