Jump to content


Photo
- - - - -
DMS1

Add to cart buttons Woocommerce

Woocommerce

  • Please log in to reply
17 replies to this topic

#1 annabenson

annabenson

    Member

  • Members

  • 17 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 30 July 2014 - 07:35 AM

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

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16376 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 July 2014 - 12:30 PM

HI,

 

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



#3 annabenson

annabenson

    Member

  • Members

  • 17 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 31 July 2014 - 10:17 AM

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



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16376 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 August 2014 - 12:36 PM

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.



#5 annabenson

annabenson

    Member

  • Members

  • 17 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 05 August 2014 - 12:43 PM

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



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16376 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 August 2014 - 12:51 PM

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



#7 annabenson

annabenson

    Member

  • Members

  • 17 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 05 August 2014 - 12:59 PM

Please Login or Register to see this Hidden Content

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.



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 16376 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 August 2014 - 01:07 PM

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


#9 annabenson

annabenson

    Member

  • Members

  • 17 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 05 August 2014 - 01:12 PM

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



#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 16376 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 August 2014 - 09:04 AM

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.


#11 annabenson

annabenson

    Member

  • Members

  • 17 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 06 August 2014 - 09:52 AM

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

 



#12 Danny

Danny

    Is Awesome!

  • Moderators
  • 16376 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 August 2014 - 11:30 AM

I am not seeing any border - 

Please Login or Register to see this Hidden Content

 

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.



#13 annabenson

annabenson

    Member

  • Members

  • 17 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 06 August 2014 - 11:42 AM

Ah that is on wrong page this is on the start page here: 

Please Login or Register to see this Hidden Content



#14 Danny

Danny

    Is Awesome!

  • Moderators
  • 16376 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 August 2014 - 11:50 AM

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.



#15 annabenson

annabenson

    Member

  • Members

  • 17 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 06 August 2014 - 12:10 PM

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



#16 Danny

Danny

    Is Awesome!

  • Moderators
  • 16376 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 August 2014 - 12:21 PM

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.



#17 annabenson

annabenson

    Member

  • Members

  • 17 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 06 August 2014 - 12:23 PM

Ok thanks Danny!



#18 Danny

Danny

    Is Awesome!

  • Moderators
  • 16376 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 August 2014 - 12:27 PM

No problem.







Also tagged with one or more of these keywords: DMS1, Woocommerce