Add to Shopping Bag Button style different on Single/Variation products?

[seaofghosts]

http://www.aliciahannahnaomi.com/product/serac-ring/ – variation
http://www.aliciahannahnaomi.com/product/gneiss-bangle/ – single option

As you can see the Add To Shopping Bag font options are different! What CSS can I employ to change the font to ‘Oswald’ which I have installed via Google Fonts and remove the text-shadow form the variation option? When I use the development menu there’s so many different classes attached to those buttons I can’t figure it out!

And how do I remove that + from the button?

[seaofghosts]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have fixed your issue after using this css and its working fine .
.add_to_cart_button{font-family:oswald;}

Thanks 🙂
With Best Regards
Swift Ideas

[seaofghosts]

Thank you. Why does it hover grey on variation products but not on single products? Also the fonts are different sizes. How can I control it so they are the same for all products?

[Mohammad – SUPPORT]

Hi,
Please list all issues so i can check it now to resolve .

Thanks

[seaofghosts]

Smaller font, hovers grey on mouseover on all variation products such as:
http://www.aliciahannahnaomi.com/product/elcho-falling-ring/

Larger font, no grey mouseover hover on all single products such as:
http://www.aliciahannahnaomi.com/product/anthracite-bangle/

I would like to have every product display to have grey mouseover, larger font.

[Mohammad – SUPPORT]

Hi,
I made bigger font with hover grey effect so please check with hard refresh and aftre clearing cache .

Thanks 🙂
With Best Regards
Swift Ideas

[seaofghosts]

This has become an issue again since the upgrade, can I get some more help?

Simple product page is mostly fine, just need to remove the qty selection:

http://www.aliciahannahnaomi.com/product/carrion-pendant/

but a variation product is all whacky – the price loads in the wrong poisition (pushed out about 50px) and the “add to shopping bag” button is also styled wrong.

I want it to look exactly the same as the “simple product” page.

I’ve attached screen shots of the current looks, and the way I want them to look (how they used to look before the update).

I use child themes.

Please advise ASAP.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

div.quantity{
display:none !important
}

Thanks
Mohammad

[seaofghosts]

Thank you this has fixed the qty issue but what about the button on variation page and price location being pushed out 50px?
Please see previous screen shots for example.

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot image.
Thanks
Mohammad

[seaofghosts]

Attached.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

p.price span.amount{float:left !important;}

.woocommerce div.product form.cart .button {
    width: 100% !important;
}

Thanks
Mohammad

[seaofghosts]

Thank you, it is SO CLOSE to being back how it was…

But the button is still wrong – it should be black, in ‘Oswald’ font, with the message “+ ADD TO SHOPPING BAG” not “ORDER NOW”.

I don’t understand how the update changed everything this much on one product kind but not the other???

[Mohammad – SUPPORT]

Hi,
1-Please use this custom css code:-

.woocommerce div.product form.cart .button {
    width: 100% !important;
    background: none repeat scroll 0% 0% #545454;
    color: #FFF !important;
    font-family: oswald;
    font-size: 15px;
    letter-spacing: 1px;
}

2- Please paste this code at functions.php of child theme.

function sf_text_strings( $translated_text, $text, $domain ) {
//$translated_text = strtolower($translated_text);
switch ( $translated_text ) {
case 'Order Now' :
$translated_text = __( ' ADD TO SHOPPING BAG', 'woocommerce' );
break;
}
return $translated_text;
}
add_filter( 'gettext', 'sf_text_strings', 20, 3 );

Thanks
Mohammad