assegnare classe diversa ad un elemento li del top menu tramite tpl

[renegade09]

salve a tutti ho un problema,

in pratica devo assegnare una classe che ho creato(che assegna il valore float:right !important) ad una determinata categoria presente nella

top bar per farla allineare a destra anzichè a sinistra,

ho provato ad aggiungere il codice nel file tpl ma purtroppo non assegna la classe che ho creato

qualcuno ha qualche dritta?

grazie in anticipo per il supporto

[Fabry]

Salve,

la top bar sará identificata da un Div che nel file tpl potrá essere marcato da un id...quindi <div id="tuoid"....> per renderlo unico oppure anche da una classe <div class="tua classe"....> se vuoi richiamare questa classe anche in altre parti...ok poi nel rispettivo css dovrai andare a richiamare questo id o classe e scrivere la dichiarazione  con le proprietá e i suoi valori....es #tuodiv { valori } oppure .tuaclasse { valori }...non usare !important, non serve, a meno che non hai un !important da qualche altra parte che ti sovrascrive i tuoi valori....l'uso di important é sempre sconsigliato o limitato a casi estremi.

[renegade09]

innanzitutto grazie per la risposta,

il risultato che vorrei ottenere assegnando quetsa nuova classe (che ho gia creato nel css),

è il seguento ovvero passare da :

a questo

ho provato ad inserire del codice all'interno del file tpl relativo ma nulla

forse ho inserito codice sbagliato

 

 

{if $MENU != ''}

 <!-- Menu -->
 
 <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">
  
   {$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>
 <!--/ Menu -->
 {/if}
 

dove dovrei inserire il  codice?

[Daniel_WM]

Ciao, posta il codice originale del menu, cosi possiamo vedere dove è meglio creare il div, perché sicuramente va suddiviso in due parti.

[Fabry]

senza vedere il template del sito é complicato ma mi sembra di capire che quella é una voce del menu quindi sará giá identificata da un ID tipo questo: #categoriestopmenu_node_475

 

a questo punto non devi toccare il tpl perché probabilmente é giá nel tpl ....aggiungi nel rispettivo css  #categories....._475   float: right;...oppure float: right !important; se non lo prende alla prima.

 

fammi sapere 

 

PS: se vuoi mandami il sito in pm che ti dico come fare di preciso

[renegade09]

@daniel_wm è quello in alto il codice originale

[nisgrava]

Hola,

Tengo casi el mismo problema, necesito asignarle un estilo diferente a un elemento del menu superior, por ejemplo color rojo y en negrita.

Adjunto imagen y codigo