Jump to content

Archived

This topic is now archived and is closed to further replies.

annabenson

Add to cart buttons Woocommerce

Recommended Posts

annabenson

Hi there! I am using Pageline and uses the boxes on the start page. I want to add to art buttons and it looks like this now se attached file. How do I change the color of the button and text. Please help.

 

Also I don't want the cost i nthe box. Just add to cart. I would like to change the text as well to "Beställ"

 

Thanks,

 

Anna

Share this post


Link to post
Share on other sites
Danny

HI,

 

Do you mean you want to change the color of the cart button ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
annabenson

Thanks Danny being so fast. Yes I want it to look like this (not all full width) and black. See attached file. Sk%C3%A4rmavbild-2014-07-31-kl.-12.15.18

Share this post


Link to post
Share on other sites
Danny

OK, what you're going to need to do is inspect the cart button using Chromes dev tools. From there you can find the correct class and override the CSS.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
annabenson

Ok, thank but now idea how to do that...

Share this post


Link to post
Share on other sites
Danny

Do you have a link to the page in question where the Cart button is, so I can take a look.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny

Add the following to your custom CSS:

 

#site .add_to_cart_button {
color: white;
text-shadow: none;
background: black;
border: transparent;
.box-shadow(none);
.border-radius(3px);
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
annabenson

Perfect THANKS! Though the border is still there and also the price...

Share this post


Link to post
Share on other sites
Danny

I am not seeing any border ? Also to remove the price please use the following CSS:

 

#site .price {
display: none;
}
 
Please be aware that we do not provide customization support and your customization questions are related to WooCommerce. Therefore, if you have any other questions like this, you will need to ask them on the WooCommerce support forums.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
annabenson

Sorry but the last code doesn't change anything and yes the border is still there. Please help se attached file.

 

Anna

 

Sk%C3%A4rmavbild-2014-08-06-kl.-11.50.52

 

Share this post


Link to post
Share on other sites
Danny

I am not seeing any border - https://cloudup.com/cFJJCerQKxJ

 

The code I gave you certainly works, I tested it before I gave it you. Also, when I view your site, I do not see the code being loaded ?

 

Unfortunately, the questions you're asking are related to WooCommerce, so you're going to need to ask them for further support as we do not provide support for WooCommerce as it is not a PageLines extension.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny

That is inline styling. How have you added the cart button to the Boxes section ?

 

I have also moved your topic to the correct forum, as you have posted this topic in the DMS forums when you're in-fact using PageLines Framework.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
annabenson

Ah ok thank you. I added this code in the box [add_to_cart id="1765976"]

Share this post


Link to post
Share on other sites
Danny

OK, well that styling is coming from the shortcode. Therefore, you're going to need to get support from WooCommerce, I am unable to provide support for third party plugins/extensions.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • mtaus
      By mtaus+
      I'm using Woocommerce in a Pagelines framework. When I build out a product, I'm able to add images in the admin panel and the
      Product Image will display on Shop page, but neither the Product Image nor the Product Gallery will display on the product's dedicated page.
      Shop: https://bendbotanics.com/shop/
      Product Example: https://bendbotanics.com/product/500mg-full-spectrum-hemp-oil-fsho/
      Any help would be greatly appreciated!
    • cdracos
      By cdracos+
      Hello everyone,
      I face a common problem as I can see on relevant topics with quickshop plugin. 
      On Product Single page of woocommerce, i use quickshop as layout. The primary photo of my product doesn't appear on the thumb slider, but the first image is the default placeholder. 
      Need some help not with custom script in the product description for each product. 
      Have a look on my website: http://lillyandsid.gr/shop/camp-things-top/
    • bnapoli
      By bnapoli+
      I have Quickshop installed on my WooCommerce section of this website: http://a04.125.myftpupload.com/
      Main Shop: http://a04.125.myftpupload.com/?page_id=1198
      I've having what appears to be CSS issues on the individual product pages. After cleaning up any code accessible from the wp-admin, the page still appears broken. I never tried to customize it, it just came broken like this right out of the box.
      You can see examples of it broken on every single product page, see here:
      http://a04.125.myftpupload.com/?product=futaba-14sg-14-channel-2-4-ghz-radio-system
      http://a04.125.myftpupload.com/?product=gremsy-gstabi-h7-brushless-3-axis-gimbal
      http://a04.125.myftpupload.com/?product=dji-inspire-1-zenmuse-x5-gimbal-and-camera-unit
      http://a04.125.myftpupload.com/?product=dji-wookong-m-flight-controller
      Can somebody help?
    • King Creative Design
      By King Creative Design+
      I am setting up a Woocommerce site using PL Framework and Platform 5. I added a hook so the category description appears under the category page titles (on archive pages). However, it also appears under the title on the main "shop" page (which I have renamed "Catelog" page). There is a default description here and I can't figure out for the life of me where it is being generated from so I can change it. Any ideas how to change it or delete it on the main shop page ONLY? The staging site is here - http://16e.117.myftpupload.com/ and the page in question is http://16e.117.myftpupload.com/catalog/
      I have hit up Woocommerce support and they weren't familiar with Platform 5 and recommended I contact you.
      Your help would be appreciated, thanks!
      Michele

    • DonRicardoRVM
      By DonRicardoRVM+
      Hi
      First of all, sorry for my bad english.
      I have a shop with Woocommerce, platform-5 and PL Quicshop, and it´s all OK, but there is a prloblem: in the category page product I don´t get dosplay the bubble "price" when the product is in sale. 
      Example:
      This is my product category page, without the bubble: https://globosdemar.com/categoria-producto/collares/
      And this is othrer shop with the bubble: https://www.usaprocom.com/product-category/fireplace-systems/
      Somebody knows how solve this?
      Thanks
×