Return to previous page

On single products the 'Add to cart' and wishlist are different sizes to variab

This topic has 6 replies, 3 voices, and was last updated 10 years, 9 months ago ago by Robert Hall

Lily

Participant

March 2, 2015 at 16:31

Hi,

On single product pages and on variable product pages the ‘Add to cart’ box and ‘Wishlist’ box are different sizes, is there any reason for this?

And on Variable product pages, there is no ‘Wishlist’ box?

How do I change the ‘Add to cart’ box size and add ‘wishlist’ to Variable product pages?

I have already adjusted the size of both boxes but this has only affected single product pages. This information was given to me on previous support post.

This is the information you gave – https://www.8theme.com/topic/change-colour-of-add-to-cart-and-give-wishlist-an-border/

Just in case this affects the answer you will give.

Many thanks

Please, contact administrator
for this information.

#46649 Copied

5 Answers
Robert Hall

Participant

March 2, 2015 at 16:38
Hello,

Please try to use this code:

.variations_button .button{ font-size: 21px; padding: 10px 32px; }

Regards,
Robert Hall.
#46653 Copied
Lily

Participant

March 2, 2015 at 16:47

Hi,

Many thanks,

But now the ‘Select Options’ and ‘Add to Cart’ on category pages, have created a mouse over, where I cannot see either text unless I mouse over.

I think something in this CSS is causing the issue,

.product-info .single_add_to_cart_button{
background:f00;
color:#fff;
}

.wishlist-btn-container.with-styles .add_to_wishlist{
margin-top: 0px;
border: 1px solid #000;
padding: 16px 60px;
margin-left: 10px;
}

.etheme_add_to_cart_button{
background:f00;
color:#fff;
}

.variations_button .button{
font-size: 21px;
padding: 10px 32px;
}

When I removed the CSS (.variations_button .button ) the issue remains.

Apologises if I should have used the previous post to repond, but they are both connected

Please, contact administrator
for this information.

#46661 Copied
Eva Kemp

Participant

March 2, 2015 at 18:52
Hello,

Please edit this code

.etheme_add_to_cart_button{ background:f00; color:#fff; }

and change color:#fff; to color: black;.

Thank you.
Regards,
Eva Kemp.
#46701 Copied
Lily

Participant

March 2, 2015 at 21:08

many thanks

#46751 Copied

Robert Hall

Participant

March 2, 2015 at 21:15

Hello,

You’re welcome!

Regards,
Robert Hall.

#46756 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘on single products the 'Add to cart' and wishlist are different sizes to variab’' has been successfully resolved, and the topic is now closed for further responses

On single products the 'Add to cart' and wishlist are different sizes to variab

Explore our best WordPress WooCommerce Themes collection