|
overlanderzsg
|
July 1, 2013 at 9:33 am
Hi I have been trying to change the button image for View cart to be the same as my Add cart, but it does not seems to work. Please see link below:
http://overlanderz.com.sg/wordpress/event-registration/
Current CSS code:
a.ee_view_cart, a.a_register_link-2{
border-top: 1px solid #525e66;
background: #94999c;
background: -webkit-gradient(linear, left top, left bottom, from(#929ea6), to(#94999c));
background: -webkit-linear-gradient(top, #929ea6, #94999c);
background: -moz-linear-gradient(top, #929ea6, #94999c);
background: -ms-linear-gradient(top, #929ea6, #94999c);
background: -o-linear-gradient(top, #929ea6, #94999c);
padding: 12px 22px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgb1a(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #f0e4f0;
font-size: 16px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
a.ee_view_cart:hover, a.a_register_link-2:hover {
border-top-color: #f0f3f5;
background: #f0f3f5;
color: #0d040d;
}
a.ee_view_cart:active, a.a_register_link-2:active {
border-top-color: #899dab;
background: #899dab;
}
Is there anything wrong with my code?
|
|
Josh
|
July 1, 2013 at 12:18 pm
Hi there,
You might try clearing your browser’s cache and looking again in case your browser is loading up the older version of the stylesheet. Here is what I’m seeing when I check your site:
Add to cart button.
View cart button.
|
|
overlanderzsg
|
July 1, 2013 at 9:26 pm
Hi
I am referring to the “View details” (Next to the Add to cart)and “Add to cart” button. Can’t seems to change them to be the same.
|
|
Dean
|
July 2, 2013 at 1:12 am
Hi,
You could try targeting the following in your css
#register_link-2 a
That will target both the view details and add to cart links
|
|
overlanderzsg
|
July 2, 2013 at 3:54 am
It doesnt seems to work. Now it looks like this:
http://overlanderz.com.sg/wordpress/event-registration/
The code is:
a.ee_view_cart, a.#register_link-2 a{
border-top: 1px solid #525e66;
background: #94999c;
background: -webkit-gradient(linear, left top, left bottom, from(#929ea6), to(#94999c));
background: -webkit-linear-gradient(top, #929ea6, #94999c);
background: -moz-linear-gradient(top, #929ea6, #94999c);
background: -ms-linear-gradient(top, #929ea6, #94999c);
background: -o-linear-gradient(top, #929ea6, #94999c);
padding: 12px 22px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgb1a(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #f0e4f0;
font-size: 16px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
a.ee_view_cart :hover, a.#register_link-2 a :hover {
border-top-color: #f0f3f5;
background: #f0f3f5;
color: #0d040d;
a.ee_view_cart:active, a.#register_link-2 a :active {
border-top-color: #899dab;
background: #899dab;
}
|
|
Dean
|
July 2, 2013 at 4:16 am
This is wrong
a.#register_link-2 a
it should be
#register_link-2 a
And then it will look like this http://d.pr/i/MnZD. Obviously you will need to tweak the css, but see how the view details is now targeted?
|
