Color change in Top Menu Bar ( Navigation bar)

[Ian Cho]

Hi,

 

I want to change just one category color(font or background) in Top Menu Bar (Navigation Bar)

 

I think I need to change some code in blocktopmenu.tpl (themes\default-bootstrap\modules\blocktopmenu.tpl)

and some css code for the specific link.

 

Could you anyone give me idea how to do it?

 

<div id="block_top_menu" class="sf-contener clearfix col-lg-12">

<div class="cat-title">{l s="Menu" mod="blocktopmenu"}</div>

<ul class="sf-menu clearfix menu-content container"><!--add class .container-->

{$MENU}

{if $MENU_SEARCH}

<li class="sf-search noBack" style="float:right">

<form id="searchbox" action="{$link->getPageLink('search')|escape:'html':'UTF-8'}" method="get">

<p>

<input type="hidden" name="controller" value="search" />

<input type="hidden" value="position" name="orderby"/>

<input type="hidden" value="desc" name="orderway"/>

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />

</p>

</form>

</li>

{/if}

</ul>

</div>

 

 

Thank you.

Edited November 15, 2016 by Ian Cho (see edit history)