|
OREN Coordinator
|
April 3, 2013 at 7:29 am
Hello!
I’ve tried everything to change the button text color darker so the button can be seen/noticed.
Page =
http://www.oceanreefednetwork.net/event-registration/?regevent_action=show_shopping_cart
Pic = http://www.oceanreefednetwork.net/wp-content/uploads/2013/04/Screen-shot-2013-04-03-at-9.19.18-PM.png
I’ve managed to make the hover color dark and the box around it a sandy color – but can’t seem to change the button/text color when it just sits there 🙁
Any ideas please?
Theme css = http://www.oceanreefednetwork.net/wp-content/themes/quantum/style.css
I have added the below to my css (via theme’s wordpress dashboard)…
.btn_event_form_submit:hover {
background: #166ec9; /* <—– background color /
}
.ui-corner-all {
background: #E6E4D7; / <—– background box color */
}
WordPress version WP 3.5.1
Event Espresso version 3.1.30.7P
Installed plugins
Event Espresso – Calendar by Event Espresso version 2.0.4,
Event Espresso – Multi Event Registration by Seth Shoultes version 1.0.4,
Event Espresso – Ticketing by Event Espresso version 2.0.9,
Event Espresso by Event Espresso version 3.1.30.7P
http://www.oceanreefednetwork.net/event-registration/
Newly installed about a month ago
|
|
Dean
|
April 3, 2013 at 7:44 am
Hi,
The button text colour is being defined by the theme, and unfortunately it is using the !important tag. This is in your stryle.css on line 632
#content .button,
#sidebar .button,
#footer .button,
#searchsubmit,
input[type="submit"] {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
background: #5c5c5c url(images/btn_bkg.png) repeat-x;
display: inline-block;
color: #fff!important;
text-decoration: none;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
position: relative;
cursor: pointer;
font-weight: bold;
padding: 4px 15px 5px;
border: 1px solid rgba(0,0,0,.25);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
margin: 0 5px 0 0;
}
Notice the color: #fff!important; ?
I would amend the css to remove the !important.
Or at the bottom of your CSS you can add
#content .button, #sidebar .button, #footer .button, #searchsubmit, input[type="submit"] {
color: #000 !important;
}
|
