Editing the Style

[sanlucasmedical]

hi, I am having a lot of trouble editing the stylesheet for eMember plugin. I use firebug to obtain the desired effects and then copy the code to the ‘eMember_style.css’ file but none of the changes to the colour ever take effect, am I missing something? should I be adding the new CSS code to a separate file or the WP custom css file?

I would also like to substitute the current blue registration button, how do I go about this please?

many thanks in advance for your help

[admin]

To customize the login and register buttons of eMember, simply customize the following CSS class in the “wp-eMember/css/eMember_style.css” file or add your own CSS in the custom css file to override it:

.eMember_button

[Peter]

Following from the above try experimenting with the following suggestion.

Copy the following code from the wp_eStore_style.css file and paste it into the wp_eStore_custom_style.css file.

.eMember_button {

border-top: 1px solid #96D1F8;

background: #65A9D7;

background: -webkit-gradient(linear, left top, left bottom, from(#3E779D), to(#65A9D7));

background: -moz-linear-gradient(top, #3E779D, #65A9D7);

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;

-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;

box-shadow: rgba(0,0,0,1) 0 1px 0;

text-shadow: rgba(0, 0, 0, .4) 0 1px 0;

color: white;

font-size: 14px;

font-family: Georgia, serif;

text-decoration: none;

vertical-align: middle;

cursor: pointer;

padding: 3px 30px 3px 30px !important;

margin: 5px 0px;

}

Then modify the color hex code values for the following lines to whatever color combinations you desire:

border-top: 1px solid #96D1F8;

background: #65A9D7;

background: -webkit-gradient(linear, left top, left bottom, from(#3E779D), to(#65A9D7));

background: -moz-linear-gradient(top, #3E779D, #65A9D7);

[Author]

Posts