Your Cart

Shopping Cart Items: 0   Sub-Total : $0.00    View Cart    Checkout
Welcome, Guest ( Customer Panel | Login )


Home | Profile | Register | Active Topics | Members | Search | FAQ


Forgot your Password?
 All Forums
 VPCart Forum
 VP-Cart 8.00 Issues
 Changing background color of buttons		  New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

jack208
VP-CART New User

Malaysia
116 Posts
Posted - November 24 2015 :  01:59:50  Show Profile  Reply with Quote
Which CSS code do I change to apply a new color (say orange) to the buttons eg the DETAILS button in a product item.

thanks.

danielrichardson
VP-CART Super User

Australia
276 Posts
Posted - November 24 2015 :  05:59:29  Show Profile  Reply with Quote
Hey Jack,
You can edit button color code in main-responsive.css.
search :
form .submitbtn { margin-bottom: 10px; background-color:#FF6600;}
Edited by - danielrichardson on November 24 2015 06:02:43
Go to Top of Page

ryo_best
VP-CART New User

90 Posts
Posted - November 24 2015 :  14:56:25  Show Profile  Reply with Quote
hi daniel, is this apply all button in whole website, or just for product ?, is there any css that I should also modifiy ?
Go to Top of Page

jack208
VP-CART New User

Malaysia
116 Posts
Posted - November 25 2015 :  00:13:49  Show Profile  Reply with Quote
Thanks Daniel. The form buttons are now changed. Ryo, so far I''m seeing the background color change for the buttons in the checkout forms.

Daniel, do you know where do I apply CSS changes if I also wish to change the background color for the buttons in the Featured Products sidebox etc? TQ
Go to Top of Page

[email protected]
VP-CART New User

149 Posts
Posted - November 25 2015 :  11:51:49  Show Profile  Reply with Quote
Try basic-styles.css (around line 274, could be a bit off because I''ve done custom work):
.submitbtn, #vp_bodycontent a.submitbtn, .default-btn-style, .btn-default {
background-color: [your colour];
border: 0px;
border-radius: 3px;
color: #fff;
padding: 5px;
}

or

basic-styles.css (around line 248, could be a bit off because I''ve done custom work):

.global-background-color, .scrollToTop_default, .scrollToTop_default:hover, #scrollUp, #vp_bodycontent a.submitbtn {
background-color: [your colour];
color: #fff;
}
Go to Top of Page

[email protected]
VP-CART New User

149 Posts
Posted - November 25 2015 :  11:53:00  Show Profile  Reply with Quote
Do you use Google''s Inspect element? I love it for helping me find exactly where to change things in css (and also to experiment beforehand to test out my css trials without having to upload all the time)
Go to Top of Page

ryo_best
VP-CART New User

90 Posts
Posted - November 25 2015 :  16:08:03  Show Profile  Reply with Quote
hi, maybe you can use this link for your reference.

http://helpnotes.vpasp.com/kb/615-VPCart-Video-Tutorials/1076-Video-Tutorial-How-to-Install-and-Use-Firebug-Addon-in-Firefox-Browser-to-Modify-CSS/
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00
  • Your Cart Is Empty