ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• March 27, 2014 at 2:36 am #61447
  seaofghosts

  Member

  Post count: 143

  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?

  March 27, 2014 at 2:37 am #61448
  seaofghosts

  Member

  Post count: 143

  This reply has been marked as private.
  March 27, 2014 at 11:15 am #61604
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  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

  March 27, 2014 at 11:39 am #61629
  seaofghosts

  Member

  Post count: 143

  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?

  March 27, 2014 at 12:24 pm #61641
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  Thanks

  March 27, 2014 at 10:50 pm #61887
  seaofghosts

  Member

  Post count: 143

  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.

  March 30, 2014 at 2:28 am #62346
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  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

  March 9, 2015 at 1:55 am #155799
  seaofghosts

  Member

  Post count: 143

  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.
  March 9, 2015 at 6:03 am #155826
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  div.quantity{
  display:none !important
  }

  Thanks
  Mohammad

  March 9, 2015 at 6:16 am #155829
  seaofghosts

  Member

  Post count: 143

  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.

  March 9, 2015 at 6:23 am #155834
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach marked screenshot image.
  Thanks
  Mohammad

  March 9, 2015 at 6:36 am #155835
  seaofghosts

  Member

  Post count: 143

  Attached.

  Attachments:

  You must be logged in to view attached files.
  March 9, 2015 at 6:51 am #155837
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  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

  March 9, 2015 at 10:12 am #155895
  seaofghosts

  Member

  Post count: 143

  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???

  March 9, 2015 at 10:52 am #155909
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  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

• Back to forum

  Posted in: Neighborhood