color in buttons

Hi,

how can I change the color in button "Learn More"?

Thank you.

Hi,
You have to add/use new styles for class

Code: Select all

.bigbutton { border: 2px solid red;
background:  #FFC0CB !important;
color:#fff !important;  }


You will get red border and pink background & white font color, have fun with this.

Note: this simple code allows you change colors in all NSP modules at ones. If you need in only one you have to add new Module Class Suffix for only this module with space before name for example " elmo"
and modify a little code

Code: Select all

.elmo .bigbutton { border: 2px solid red;
background:  #D60000 !important;
color:#fff !important;  }


TIP: http://www.gavick.com/documentation/joo ... -template/

yes it works but when I hover the button is still green. Could you tell me how to change the green hover color?

Thank you.

This should help:

Code: Select all

a.bigbutton:hover { 
background:  blue !important;}

Instead "blue" use different color.

Hi,

yes it works but I have one issue yet. It has a blue border around the button. I would like too be transparent.

I place the following code

Code: Select all

a.bigbutton:hover { border: 2px solid transparent;
background:  #a3d6a9!important;}

but nothing changes.

Could you tell me how to change/remove the border on hover?

Thank you.

Also, I have another button in the end of the frontpage called "send message" and even if it is under same style (bigbutton) it has different style (no hover effect). How can I fix it in order to have the same style with "learn more" button?

Thank you.

Next time tse this tip to locate code: http://www.gavick.com/documentation/joo ... -size-etc/

But sure, check

STANDARD BUTTON for this form

Code: Select all

input[type="button"]  { background:blue }

AND HOVER EFFECT

Code: Select all

input[type="button"]:hover { background: red  }