To change the slogan button color Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:
.slogan-wrap .view-work {
background: #b5e6ee;
background: -webkit-linear-gradient(#d0eef4, #b5e6ee);
background: -moz-linear-gradient(#d0eef4, #b5e6ee);
background: -ms-linear-gradient(#d0eef4, #b5e6ee);
background: -o-linear-gradient(#d0eef4, #b5e6ee);
background: -webkit-gradient(#d0eef4, #b5e6ee);
background: linear-gradient(#d0eef4, #b5e6ee);
}
.slogan-wrap .view-work:hover {
background: -webkit-linear-gradient(#E3F5F9, #b5e6ee);
background: -moz-linear-gradient(#E3F5F9, #b5e6ee);
background: -ms-linear-gradient(#E3F5F9, #b5e6ee);
background: -o-linear-gradient(#E3F5F9, #b5e6ee);
background: -webkit-gradient(#E3F5F9, #b5e6ee);
background: linear-gradient(#E3F5F9, #b5e6ee);
}
Note: Change all above HEX color code d0eef4
for top also change all b5e6ee
for bottom and change all E3F5F9
for mouse hover effect with your own HEX color code for HEX color code visit this link http://0to255.com/
Now, Click on Save All Changes Button and Refresh your browser.
Thank you!