Prestashop Newbie17

Hi, I av to remove this line "i{if $active_li == 1} class="active"{/if}>"in all the tpl files is it .. Thanks Newbie

Hey thanks a lot. It worked perfectly for me

Sure.. here it is.. I should change contact us item bg color. <!-- Menu --> <div id="block_top_menu" class="sf-contener clearfix col-lg-12"> <div class="cat-title">Categories</div> <ul class="sf-menu clearfix menu-content"> <li><a href="index.php?id_category=19&controller=category" title="Storage Unit">Storage Unit</a></li><li><a href="index.php?id_category=20&controller=category" title="Tea">Tea</a></li><li><a href="index.php?controller=contact" title="Contact Us">Contact Us</a></li> <li><a href="index.php?id_category=21&controller=category" title="Sale">Sale</a></li> </ul> </div> <!--/ Menu -->

Sorry , i didnt read it properly html code is not available rt... there are only tpl and php files or only css files

hi, I have got problem with NewArrivals and popular links in a home page. both are highlighted/active and they are not working.. I av attached the image which tells abt the problem in detail.. Can any 1 help me with this?? Is it a cache problem in prestashop1.6? m not able to figure it out.. Help me to solve this issue Thanks in advance. Newbie

K here it is /*** ESSENTIAL STYLES ***/ .sf-contener { clear: both; float: left; width: 100%; } .sf-menu, .sf-menu * { margin: 0; padding: 0; top:-15px; list-style: none; } .sf-menu { position: relative; padding: 0; width: 100%; border-bottom: 3px solid #e9e9e9; background: #f6f6f6; } @media (max-width: 767px) { .sf-menu { display: none; } } .sf-menu ul { position: absolute; top: -999em; background: white; } @media (max-width: 767px) { .sf-menu ul { position: relative; } } .sf-menu li:last-child { background: #dc0606; } .sf-menu > li:last-child >a:last-child { color: #fff; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu > li { float: left; border-right: 1px solid #d6d4d4; margin-bottom: -3px; } @media (max-width: 767px) { .sf-menu > li { float: none; position: relative; border-right: none; } .sf-menu > li span { position: absolute; right: 6px; top: 20px; width: 30px; height: 30px; z-index: 2; } .sf-menu > li span:after { font-family: "FontAwesome"; content: "\f067"; font-size: 18px; } .sf-menu > li span.active:after { content: "\f068"; } } .sf-menu > li > a { font: 600 12px/22px "Open Sans", sans-serif; text-transform: uppercase; color: #484848; display: block; padding: 10px 20px; border-bottom: 3px solid #e9e9e9; } .sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a { background: #333333; border-bottom-color: #666666; color: white; } .sf-menu li li li a { display: inline-block; position: relative; color: #777777; font-size: 13px; line-height: 16px; font-weight: bold; padding-bottom: 10px; } .sf-menu li li li a:before { content: "\f105"; display: inline-block; font-family: "FontAwesome"; padding-right: 10px; } .sf-menu li li li a:hover { color: #333333; } .sf-menu li ul { display: none; left: 0; top: 59px; /* match top ul list item height */ z-index: 99; padding: 12px 0px 18px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; } @media (max-width: 767px) { .sf-menu li ul { top: 0; } } .sf-menu li li ul { position: static; display: block !important; opacity: 1 !important; background: none; -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; } .sf-menu li li li ul { padding: 0 0 0 20px; } .sf-menu li li li ul { width: 220px; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } .sf-menu > li > ul { padding: 26px 30px 31px; width: 100%; } .sf-menu > li > ul > li > a { text-transform: uppercase; font: 600 14px/20px "Open Sans", sans-serif; color: #333333; } .sf-menu > li > ul > li > a:hover { color: #515151; } .sf-menu > li > ul > li { float: left; width: 20%; padding-right: 15px; } @media (max-width: 767px) { .sf-menu > li > ul > li { width: 50%; } } @media (max-width: 479px) { .sf-menu > li > ul > li { width: 100%; } } @media (min-width: 768px) { .sf-menu > li > ul > li.first-in-line-lg { clear: left; } } @media (min-width: 480px) and (max-width: 767px) { .sf-menu > li > ul > li.first-in-line-xs { clear: left; } } .sf-menu > li > ul > li#category-thumbnail { width: 100% !important; float: none; clear: both; overflow: hidden; padding-right: 0; } .sf-menu > li > ul > li#category-thumbnail > div { float: left; padding-left: 10px; width: 33.333%; } @media (max-width: 479px) { .sf-menu > li > ul > li#category-thumbnail > div { width: 100%; padding-left: 0; padding-top: 10px; text-align: center; } } .sf-menu > li > ul > li#category-thumbnail > div:first-child { padding-left: 0; } .sf-menu > li > ul > li#category-thumbnail > div img { max-width: 100%; display: block; } .cat-title { display: none; } @media (max-width: 767px) { .cat-title { display: block; font: 600 12px/22px "Open Sans", sans-serif; text-transform: uppercase; color: #484848; display: block; padding: 17px 20px; border-bottom: 3px solid #e9e9e9; background: #f6f6f6; position: relative; } .cat-title:hover { background: #333333; border-bottom-color: #666666; color: white; } .cat-title:after { display: block; font-family: "FontAwesome"; content: "\f067"; position: absolute; right: 15px; top: 18px; font-size: 18px; } .cat-title.active:after { content: "\f068"; } } .sf-menu li.sf-search { border: none; } .sf-menu li.sf-search input { display: inline; padding: 0 13px; height: 30px; line-height: 30px; background: white; margin: 13px 10px 0 0; font-size: 13px; color: #9c9b9b; border: 1px solid #d6d4d4; }

Sorry its , an item in a menu .. I shud change the bgcolor of tat particular item in a menu... I av attached the image which tells indetail

Hey if i want to change last but one menu bg color, then wat should i do??

Hey actually m working on a localhost, i added .sf-menu li:last-child { background: #dc0606; } it worked perfectly for me

Hey thanks a lot it worked for me.. I added tat css code in the superfish.css class and it worked........ Thanks again

Please can u tell me where can i find the css file ? i am new to prestashop

Hello Vekia, Thanks for info abt the html box, its good and i installed it As u said , i installed html box n created a link but i couldnt place it tat link in display nav bar . rest hearder, top, footer every where i can place and its visible, but if i select display nav then tat link is not visible .. wat to do ?? please see the attached image, m i following the correct procedure. Thanks

Hello, Change the background color of the menu item in the top horizontal menu I shud change only the bg color of sale in the top-horizontal menu, plz refer to the image attached . I serached through modules/blocktopmenu/ .css file but couldnt find .. I also went through the blocktopmenu.tpl file but couldnt find any links. Only posibility i found was to change in the cache folder but tat is not permanent becoz it resets every time u make changes in the prestashop application.. Please help me wer to find those links which i av added in the top horizontal menu so tat i can add css class to tat... Thanks

I got it , we shud change in the blocksearch-top.tpl placeholder value. then you can replace anything instead of search

hello, I want to replace the search word written inside the search bar, please find the image attached , which explains my problem in details, Thanks in advance.