Krock Posted May 2, 2011 Share Posted May 2, 2011 I would like to change the background color of the 3 boxes : Cart Content , Check Out , My Account. Understand it can be done in the stylesheet.css , Have tried changing several , Can someone please tell me whats the filename I have to change the color sheme ? , Searched very long but cant find it . Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 2, 2011 Share Posted May 2, 2011 yep ... me to! Have used jQuery theme add-on as suggested on other posts, but this just deletes the buttons completely and leaves text only links!! Link to comment Share on other sites More sharing options...
multimixer Posted May 3, 2011 Share Posted May 3, 2011 @ollyscomputers: If you get plain text instead of buttons in an other style, then you did something wrong The style of header buttons comes from the selected ui-theme and is common for all buttons in the store. You can get a new ui theme using themeroller. There are several posts in this forum explaining how to do this, I've also added illustrated instructions to my blog (link at my profile) If you want to do changes manually, the relevant file is catalog/ext/jquery/ui/redmond/jquery-ui-1.8.6.css (+ any images in redmond/images/) but this will also change all other buttons too If you want to change just this buttons, then, when downloading a new ui theme, click on "advanced theme settings" and set into the input field for "css scope": #headerShortcuts, so that the theme will only apply to the header buttons. You could do selective changes also manualy by adding anything you want into file calalog/stylesheet.css adding #headerShortcuts before any ui-xy class you need to alter, here you need of course to find out what classes apply axactly, like eg "ui-state-default" etc. It's easier to create a new theme in my opinion You will need then to add an additional link to the additional u theme in file catalog/includes/template_top.php in the same way it is done for the redmond theme My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 3, 2011 Share Posted May 3, 2011 @ollyscomputers: If you get plain text instead of buttons in an other style, then you did something wrong .... If you want to do changes manually, the relevant file is catalog/ext/jquery/ui/redmond/jquery-ui-1.8.6.css (+ any images in redmond/images/) but this will also change all other buttons too Hi thanks for the reply. Yes i spose I did something wrong BUT to be honest I don't find jQuery very easy to use, can't work out which element sorts out the buttons only, and I just can't get it to work!!! As for the info on manually changing - that is spot on - thanks! I am going to manually change the buttons (I want all the buttons to change also) as I can work out whats going on with the site easier! Thanks again for the info. Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 3, 2011 Share Posted May 3, 2011 multimixer - would you be able to point me to which part of the jquery-ui-1.8.6.css file that does the look of the buttons? Link to comment Share on other sites More sharing options...
multimixer Posted May 3, 2011 Share Posted May 3, 2011 There are some classes exclusivelly used for the buttons and some others used in buttons and other elements too, so changes to them would influence those other elements as well. The best is you use firebug to figure out As said, the easiest way is to use themeroller, with our without a css scope My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 3, 2011 Share Posted May 3, 2011 There are some classes exclusivelly used for the buttons and some others used in buttons and other elements too, so changes to them would influence those other elements as well. The best is you use firebug to figure out As said, the easiest way is to use themeroller, with our without a css scope Terrific, thanks for the speedy response! I'll relook into theme roller again (without the CS Scope??) but would rather manually sort it! Thanks Link to comment Share on other sites More sharing options...
multimixer Posted May 3, 2011 Share Posted May 3, 2011 In your case without any "scope" , there is no id or class used throughout all buttons You can read here about how to change the theme once created in themeroller, it's very easy to do There is also a themeswitcher addon existing, I don't know if you need that My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 3, 2011 Share Posted May 3, 2011 In your case without any "scope" , there is no id or class used throughout all buttons You can read here about how to change the theme once created in themeroller, it's very easy to do There is also a themeswitcher addon existing, I don't know if you need that ok ok ... I'll give themeroller one more chance :-) BUT I'm not using theme switcher again as it seems to disable the scroller and banner rotator !? Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 3, 2011 Share Posted May 3, 2011 ok ok ... I'll give themeroller one more chance :-) BUT I'm not using theme switcher again as it seems to disable the scroller and banner rotator !? multimixer ... what can I say - got theme roller working = terrific = hassle free = looks great!!! One thing though the main shopping cart buttons are a little fadded compared to the other colours! Do they still have their image behind showing through?? Link to comment Share on other sites More sharing options...
multimixer Posted May 3, 2011 Share Posted May 3, 2011 multimixer ... what can I say - got theme roller working = terrific = hassle free = looks great!!! One thing though the main shopping cart buttons are a little fadded compared to the other colours! Do they still have their image behind showing through?? Great that you did it. What are the "main shopping cart buttons"? Do they not look like all other buttons? Note that there are 2 types of buttons regarding display, called "primary" and "secondary". Primary buttons are a bit stronger in colors. A url would help in this case to understand what you mean My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 3, 2011 Share Posted May 3, 2011 Great that you did it. What are the "main shopping cart buttons"? Do they not look like all other buttons? Note that there are 2 types of buttons regarding display, called "primary" and "secondary". Primary buttons are a bit stronger in colors. A url would help in this case to understand what you mean yes thats wright ... all the buttons can be grouped into either bold in colour or light in colour! Could I message a url over as I don't want to publisize the site yet as I havent started the business yet? Link to comment Share on other sites More sharing options...
multimixer Posted May 3, 2011 Share Posted May 3, 2011 yes thats wright ... all the buttons can be grouped into either bold in colour or light in colour! Could I message a url over as I don't want to publisize the site yet as I havent started the business yet? Do you worry that customers will start running? lol :) pm or email me the link and tell me where the issue is (email available at my profile) My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 3, 2011 Share Posted May 3, 2011 Do you worry that customers will start running? lol :) pm or email me the link and tell me where the issue is (email available at my profile) lol ... YES! pm on the way. Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 3, 2011 Share Posted May 3, 2011 Do you worry that customers will start running? lol :) pm or email me the link and tell me where the issue is (email available at my profile) ... have you had a look yet? Please could you post the reply on the forum as I am not sure where to collect my pm! Link to comment Share on other sites More sharing options...
multimixer Posted May 3, 2011 Share Posted May 3, 2011 ... have you had a look yet? Please could you post the reply on the forum as I am not sure where to collect my pm! No hurry please :) There is nothing wrong with your buttons, they have just the state "secondary", and they look like all other secondary buttons of yoyr srore (go eg to product info at check/compare button "reviews" with "add to cart") What to do? Make them to be "primary buttons" ! How to do? 1) open file catalog/includes/header.php 2) find a button, eg this one tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL')) . 3) make it primary by adding the word "primary" to the correct place, like this tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'), 'primary') . Now check your site. If you like the primary style, do the same for the other buttons too Regarding the "black border" you mention in your pm: Tht's the way you designed your theme in themeroller, go an make an other one with a pink border or anything you like:) PS You "collect" your pm's by clicking on the green number on your image on the top right of each page. If there is a green number == there is a pm. You can also go to "messenger" where all pm's are stored My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
ollyscomputers Posted May 3, 2011 Share Posted May 3, 2011 No hurry please :) There is nothing wrong with your buttons, they have just the state "secondary", and they look like all other secondary buttons of yoyr srore (go eg to product info at check/compare button "reviews" with "add to cart") What to do? Make them to be "primary buttons" ! How to do? 1) open file catalog/includes/header.php 2) find a button, eg this one tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL')) . 3) make it primary by adding the word "primary" to the correct place, like this tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'), 'primary') . Now check your site. If you like the primary style, do the same for the other buttons too Regarding the "black border" you mention in your pm: Tht's the way you designed your theme in themeroller, go an make an other one with a pink border or anything you like:) PS You "collect" your pm's by clicking on the green number on your image on the top right of each page. If there is a green number == there is a pm. You can also go to "messenger" where all pm's are stored Well whats taken me weeks with no success is now solved in an afternoon! Can't thank you enough ... hope others find this equally as useful! "Too Infinity & Beyond" to quote Buzz Lightyear :-D Link to comment Share on other sites More sharing options...
multimixer Posted May 4, 2011 Share Posted May 4, 2011 Glad that it works. Enjoy your new styled primary buttons. Good to know that you can change them anytime very easily, not? My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.