generalexperts Posted February 17, 2014 Share Posted February 17, 2014 I am trying to make some changes to my Add to Cart buttons. When I modify one, the rest of them change throughout the site. On my site www dot savvy marina dot com; if you select 'Brands' on the navigation menu and go to that page you will see "View Products" button (this is really the manufacturer page). It is very large and I can't get the lettering to go from left to right. So I've tried to change the size. It didn't work. Now, if you add something to the shopping cart, and look at the drop down in the top right corner, you will see the same size button that says "Check out." Now if you go to Products in the navigation menu and click on Maintenance then scroll down and you will see some products when you hover over those products... Same looking buttons!! I can't seem to change one without changing the rest!! If you know what I need to do to change each individual one please let me know, THANK YOU! Link to comment Share on other sites More sharing options...
vekia Posted February 17, 2014 Share Posted February 17, 2014 you have to use css styles based on id of your BODY element for example, homepage has got <body id="index">, manufactures has got <body id="manufactures"> it mean that you can define "parent" element like: #manufacturers #add_to_cart {styles here} - this style will work only on manufacturers page #index .ajax_add_to_cart_button {styles here} - this style will work only on homepage Link to comment Share on other sites More sharing options...
generalexperts Posted February 17, 2014 Author Share Posted February 17, 2014 Thanks for the quick reply. Would you be able to explain that further? Where and what would I need to add? I am looking in the global.css and don't see exactly what I would need to get it to work. Thanks! Link to comment Share on other sites More sharing options...
vekia Posted February 17, 2014 Share Posted February 17, 2014 these styles by default dont exist. you have to create them to "overwrite" global button settings. you can create these styles in global.css file Link to comment Share on other sites More sharing options...
generalexperts Posted February 17, 2014 Author Share Posted February 17, 2014 In the button section of the global.css file I added #manufacturers #add_to_cart {and then styles for it}. I believe it is the 'a.button' that needs to be specified. Where in the global.css should I write this? I also tried #index .ajax_add_to_cart_button a.button {styles} nothing worked... Link to comment Share on other sites More sharing options...
generalexperts Posted February 17, 2014 Author Share Posted February 17, 2014 Does anyone know where I add these in global.css? I'm trying to change the add to cart button so they are all different. #manufacturers #add_to_cart {styles here} #index .ajax_add_to_cart_button {styles here} Thank you! Link to comment Share on other sites More sharing options...
generalexperts Posted February 20, 2014 Author Share Posted February 20, 2014 Anyone able to help me on this one? Link to comment Share on other sites More sharing options...
generalexperts Posted February 20, 2014 Author Share Posted February 20, 2014 Really need some help on this. I really need to have custom add to cart buttons for each page. They can't be all the same, my page looks terrible when they are all the same! I don't know what I need to add to the global.css exactly that will make this work. Please Help! Thank you! Link to comment Share on other sites More sharing options...
vekia Posted February 21, 2014 Share Posted February 21, 2014 Does anyone know where I add these in global.css? I'm trying to change the add to cart button so they are all different.[/size] the answer is: these styles by default dont exist. you have to create them to "overwrite" global button settings.[/size] it doesnt matter where you paste these styles. you can paste them at the begining of file, in the middle or at the very end. everything depends on you this is why no replies here Link to comment Share on other sites More sharing options...
generalexperts Posted February 21, 2014 Author Share Posted February 21, 2014 Yeah I have literally tried doing this for an entire day and nothing worked. Would you be able to specify exactly what I need to write? Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now