Support

Home Forums Event Espresso Premium Change view cart image

Change view cart image

Posted: July 1, 2013 at 9:33 am

Viewing 5 reply threads


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

  • Support Staff

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?

Viewing 5 reply threads

The support post ‘Change view cart image’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso