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: Cardinal
• June 21, 2015 at 2:46 pm #186622
  nela_wl

  Member

  Post count: 30

  Hello,

  I´m using woocommerce with cardinal theme and I like to change the style of the “add to cart” button on this site (image attached), I think it´s the shop options/ gallery display.
  I´d like to have:

  – only the text with text decoration underline and no uppercase
  – no card symbol
  – no white background (… a transparent background)
  – and please text centered.

  Could you give me the css and tell me where to exchange it?
  This would be great! It makes me crazy, I´m searching for the right tag for hours! Thank you! Thank you, thank you!!

  Attachments:

  You must be logged in to view attached files.
  June 22, 2015 at 7:20 am #186788
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,

  Please use this custom css code:-

  .cart-overlay{background:transparent !important;}

  .product figure .cart-overlay .shop-actions > a, .woocommerce .wishlist_table tr td.product-add-to-cart a{text-align:center !important;}

  .product figure .cart-overlay .shop-actions > a:hover, .woocommerce .wishlist_table tr td.product-add-to-cart a:hover{text-decoration:underline !important;}

  .product figure .cart-overlay .shop-actions a > i[class*=”ss-“]{display:none !important;}

   

  Thanks 🙂
  With Best Regards
  Mohammad

   

  June 23, 2015 at 6:28 pm #187657
  nela_wl

  Member

  Post count: 30

  Dear Mohammad,

  thank you for your great and fast support, now it´s transparent and underlined, and I think it tries to be centered, but not really in relation to the full product image. (attachment!). The cart symbol is still there and the uppercase to. Is there a problem with the hidden “whishlist” maybe?

  The “ADD TO CART” should be written : “Add to cart”, no cart symbol and centered in front of the whole product image, just like the price and the name below.
  Could you please check again?

  THANK YOU!!

  Best wishes, Nela

  Attachments:

  You must be logged in to view attached files.
  June 24, 2015 at 7:17 am #187767
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,

  Please provide me specific page url with issue.

  Thanks 🙂
  With Best Regards
  Mohammad

  September 10, 2015 at 11:30 am #211955
  nela_wl

  Member

  Post count: 30

  Hello,
  sorry for the late reply!
  The page is not online yet! Should I give you admin access?
  And I have another problem with the new add to cart button in the Iphone view!
  Thank you!
  Best wishes,
  Nela

  September 10, 2015 at 11:37 am #211960
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Just provide me login detail.
  Thanks
  Mohammad

  September 10, 2015 at 11:37 am #211962
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  We will need that it’s accessible online so we can check those situations.
  We will need the url of the pages where the issues exist.

  Thanks

  -Rui

  September 10, 2015 at 11:43 am #211965
  nela_wl

  Member

  Post count: 30

  This reply has been marked as private.
  September 10, 2015 at 11:48 am #211970
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me specific page url with issue.
  Thanks
  Mohammad

  September 10, 2015 at 11:49 am #211971
  nela_wl

  Member

  Post count: 30

  Hi,
  its the “shop” page, the front page!
  https://thevoltashop.com

  The listed products have a “add to cart” button on rollover. I would like to have this button centered to the picture. Now its on the left side. And if you could have a look on the Iphone view (the regular one, not the landscape view), I would like to cancel the button on Iphone like on Ipad view…

  Thank you!

  September 11, 2015 at 10:35 am #212261
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  My colleague will assist you shortly because website is not loading at my side.
  Thanks
  Mohammad

  September 11, 2015 at 1:09 pm #212301
  nela_wl

  Member

  Post count: 30

  Ok, thank you!

  September 11, 2015 at 2:24 pm #212325
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try the code below.

  .product figure .cart-overlay .shop-actions > a, .woocommerce .wishlist_table tr td.product-add-to-cart a {
        margin-left: 33%!important;
  }
  
  @media only screen and (max-width: 479px){
  .product .cart-overlay .shop-actions > a {
      display: none;
  }
  }

  -Rui

  September 11, 2015 at 3:34 pm #212350
  nela_wl

  Member

  Post count: 30

  GREAT, IT WORKS, THANK YOU!!!!
  there´s just a tiny thing, can you arrange the same for the “item added to bag” text, that appears after pushing the “add to cart” button? This would great!
  THANK YOU!!!

  September 14, 2015 at 11:12 am #212655
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Your supplied URL no longer works?

  Could you further explain what you want to do with “item added to bag” text?

  Cheers,
  David.

• Back to forum

  Posted in: Cardinal