hamzabos Posted October 28, 2011 Share Posted October 28, 2011 Hi I m new in prestashop . pls tell me 1) how to change heading color of categories,information stores etc 2) how to change color of categories sub menu Information sub menu Manufacturer sub menu 3) check the attach file pls tell me where should I bring the change in .css file Thanks in advance Link to comment Share on other sites More sharing options...
shokinro Posted October 29, 2011 Share Posted October 29, 2011 I think you will need to change the css files and replace the images under your theme. yourstore/themes/yourtheme/css/ yourstore/themes/yourtheme/img/ Link to comment Share on other sites More sharing options...
hamzabos Posted October 29, 2011 Author Share Posted October 29, 2011 Pls tell me the name of .css file and img filename also tell me on which line changing required in .css file Link to comment Share on other sites More sharing options...
shokinro Posted October 29, 2011 Share Posted October 29, 2011 the file should be in global.css, and you need to find out the class name and related TAG id that used in theme file, then search these in CSS file. I am sorry I can not remember everything, If I have time, I would love to help find copy the code here, but I think it is better that you find it yourself. Link to comment Share on other sites More sharing options...
Aarondsouzaa Posted October 29, 2011 Share Posted October 29, 2011 Check out the css class you are using and find the color, back color , images there that you need to change. Link to comment Share on other sites More sharing options...
hamzabos Posted October 29, 2011 Author Share Posted October 29, 2011 Thanks ur reply I made the changes in heading color of categories,information stores etc But i donot know how to change color of categories sub menu buttons iPods Accessories Laptops etc Information sub menu buttons Manufacturer sub menu buttons <p class="block_content" sizcache="4" sizset="7"> Apple Computer, Inc Shure etc Pls tell me briefly Thanks in advance Link to comment Share on other sites More sharing options...
hamzabos Posted October 30, 2011 Author Share Posted October 30, 2011 Awaiting ur's reply How to change categories, information etc sunb menu buttons colors I know this change done thru globle.css file i donot know the class name pls tell me at least class name Thanks for ur's urgent help Link to comment Share on other sites More sharing options...
shokinro Posted October 30, 2011 Share Posted October 30, 2011 How to change categories, information etc sunb menu buttons colors those are controlled in each modules, must most of them should be using the same style/class. you need to go each module's theme file to find out this. for example, categories block is located at 1. yourstoreroot/modules/blockcategories/blockcategories.tpl or 2. yourstoreroot/themes/modules/blockcategories/blockcategories.tpl above 2. will overwrite the 1. if 2 exists. here is the part of sample code <div id="categories_block_left" class="block"> <h4><a href="{$blockCategTree.link}">{l s='Categories' mod='blockcategories'}</a></h4> <div class="block_content"> <ul class="tree {if $isDhtml}dhtml{/if}"> {* Javascript moved here to fix bug #PSCFI-151 *} Link to comment Share on other sites More sharing options...
hamzabos Posted October 30, 2011 Author Share Posted October 30, 2011 Rich text editor, editor_4ead9cb335c21, press ALT 0 for help. @shokinro thanks for ur's reply but i think u donot understand my question Pls check the attach pic hope u understand I want to change all buttons color into white color which will appear in these tables Awaiting ur's reply Thanks in advance Link to comment Share on other sites More sharing options...
shokinro Posted October 30, 2011 Share Posted October 30, 2011 I think those are general hyper links style. please try to use firefox to select the those links (highlight them), then right click to choose "View Selection Source" source, you will be able to find out the class of tag. I got this code from your previous post on this thread, I assume you have copied from site and pasted to this thread. then the code I got is here <li><a href="[url="view-source:http://www.prestashop.com/demo/category.php?id_category=2"]http://www.prestashop.com/demo/category.php?id_category=2[/url]" class="bbc_url" title="">iPods</a><br></li> <li><a href="[url="view-source:http://www.prestashop.com/demo/category.php?id_category=3"]http://www.prestashop.com/demo/category.php?id_category=3[/url]" class="bbc_url" title="">Accessories</a><br></li> <li><a href="[url="view-source:http://www.prestashop.com/demo/category.php?id_category=4"]http://www.prestashop.com/demo/category.php?id_category=4[/url]" class="bbc_url" title="">Laptops</a> etc</li> the hyper link style class is "bbc_url" Link to comment Share on other sites More sharing options...
jerseyshuang Posted October 31, 2011 Share Posted October 31, 2011 The post tell us more knowledge,we can use it in our life.Thank you for the artor Link to comment Share on other sites More sharing options...
hamzabos Posted October 31, 2011 Author Share Posted October 31, 2011 @shokinro Thanks ur reply pls check my web http://bos.com.pk/shop/ if i check view source of Legal Notice Terms and conditions of use About us Our stores but i donot get class name of these hyperlinks. Only get class= "block_content" but block_content declared too much times in global.css file PLs check my web and tell me exact class for above hyperlinks Once again thanks for ur help Link to comment Share on other sites More sharing options...
shokinro Posted November 1, 2011 Share Posted November 1, 2011 if i check view source of Legal Notice Terms and conditions of use About us Our stores but i donot get class name of these hyperlinks. Only get class= "block_content" but block_content declared too much times in global.css file PLs check my web and tell me exact class for above hyperlinks in that case, the style is controlled(inherited) by its parent tag. like LI ,UL, DIV tags. below is the code, I got from site. It also could be controlled style ID "informations_block_left_1". <div id="informations_block_left_1" class="block informations_block_left"> <h4><a href="http://bos.com.pk/shop/cms.php?id_cms_category=1">Information</a></h4> <ul class="block_content"> <li><a href="http://bos.com.pk/shop/cms.php?id_cms=2" title="Legal Notice">Legal Notice</a></li> <li><a href="http://bos.com.pk/shop/cms.php?id_cms=3" title="Terms and conditions of use">Terms and conditions of use</a></li> <li><a href="http://bos.com.pk/shop/cms.php?id_cms=4" title="About us">About us</a></li> <li><a href="http://bos.com.pk/shop/stores.php" title="Our stores">Our stores</a></li> </ul> </div> Link to comment Share on other sites More sharing options...
hamzabos Posted November 2, 2011 Author Share Posted November 2, 2011 1) informations_block_left_1 not available in global.css file 2) can u tell me where i get main index.php file Link to comment Share on other sites More sharing options...
hamzabos Posted November 3, 2011 Author Share Posted November 3, 2011 Reply needed Link to comment Share on other sites More sharing options...
shokinro Posted November 3, 2011 Share Posted November 3, 2011 1) informations_block_left_1 not available in global.css file please look into each module folder, if there is any css file there. 2) can u tell me where i get main index.php file I don't understand what you mean. it should be under your store root folder. Link to comment Share on other sites More sharing options...
hamzabos Posted November 3, 2011 Author Share Posted November 3, 2011 @shokinro Thanks for ur's reply, i find .css file in under modules folder but color tag not declared in these file. Friend u know my problem i think it's simple but it's take too much time i want to change categories sub menu button, information sub menu buttons into white color secondly i want to change discover your store button color into white Hope u understand Thanks for ur's busy time Link to comment Share on other sites More sharing options...
pepocero Posted November 26, 2011 Share Posted November 26, 2011 hamzabos, help you use the plugin for firefox called firebug. just activate the plugin and press the button "inspect" and point the mouse at any object on the page it tells you which file and in what line is Link to comment Share on other sites More sharing options...
Recommended Posts