• 0

DMS 1 Add to cart buttons Woocommerce


Question

Posted · Report post

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

17 answers to this question

  • 0

Posted · Report post

HI,

 

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

http://www.annabenson.se/ Here it is. And scroll down under the pink book. I want it to be black and no border around it with white text... :) And no price.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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);
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ok thanks Danny!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now