Jump to content

Change "Add to Cart" and "Checkout" buttons


Recommended Posts

Hi everyone.

I'd like to change the Add to Cart button to one made by me, and then the Checkout button to another one made by me, just like in the prestastore website.

Is this possible? I don't know anything about css so its getting very difficult to do it.

Thank you very much in advance.

Link to comment
Share on other sites

Thank you tomerg3.

Does anybody know exactly what I have to modify?

I would like the add to cart button and the checkout one to be different. And I need the text of these buttons to be dark blue, but just the text of these buttons, in order to make more clear the shopping process.

Thanks in advance if you can help me.

Link to comment
Share on other sites

Do you want to replace all buttons or just the ones in the cart block? To change the background and size of all buttons, edit the /* global button */ section of global.css. Changing the colour from black to another colour there will change all the grey buttons. Changing the colour in the /* exclusive button */ section from white to another colour will change all the green buttons. To specifically change the cart block buttons only, you will need to add your own section like this:

#cart_block a.button_small {
  /* Left button CSS goes here */
}
$cart_block a.exclusive {
  /* Right button CSS goes here */
}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...