Jump to content

top block menu


Recommended Posts

Witam,

 

Mam problem z wyśrodkowaniem guzików na top block menu. Aktualnie jest to ustawione na:

.sf-menu li {
    float:            left;
    position:        relative;
    left: 30%;

a wyszukiwarka:

li.sf-search {
  background: inherit;
  float: right;
  line-height: 25px;
  margin-right: 45%;

Próbowałem wcześniej za pomocą margin: 0 auto; ale nie działa. Dodatkowo modul jest tak zrobiony aby był na 100% strony.

 

Najeźdzając na guzik wyskakuję lista z tłem, które jest teraz przesunięte. Nie wiem gdzie mam wpisać styl aby to skorygować. Chyba, że znacie inny lepszy sposób aby wyśrodkować te przyciski. Będę bardzo wdzięczny za każdą sugestie.

 

Presta 1.5

kuguar.pl

superfish-modified.css

Share this post


Link to post
Share on other sites

bardzo dziękuje gra.

 

Nie mogę również zlokalizować, które wpisy są odpowiedzialne za tło listy, która się pojawia po najechaniu na guzik. Po powiększeniu czcionki nie mieści mi się jeden z tytułów listy. Chcialbym powiększyć ten obszar oraz sprawdzić, jak wygląda gradient w tym miejscu.

.sf-menu li li {
    position:relative;
    top:6px;
    width:250px;

na samym dole pliku .css znajdziemy wpis o szerokości

Edited by szkut (see edit history)

Share this post


Link to post
Share on other sites

Walczę teraz aby uzyskać efekt - guziki w kolorze teal, a listy w białym

 

do .sf-menu ul dopisałem styl     color: #008080; a do /sf-menu li color:#ffffff;

 

i nie działa, żaden z tych kolorów

Share this post


Link to post
Share on other sites

  • 1 month later...

/modules/themeconfigurator/css/ theme2.css lub theme3.css itd. zależnie jaki masz wybrany schemat kolorów.

#header .sf-menu > li {
  border-right: 1px solid #d6d4d4;
}

Dodaj:

background: #XXXXXX;

Share this post


Link to post
Share on other sites

Cos mi nie gra mam schemat 8, a podmiana w css  nic nie daje, oczysłiem cache i przeglądarkę...

Usunałem tez listę zyczeń, ale zostaje szare pole i nie wiem gdzie to usunąc, screen w załaczniku

Share this post


Link to post
Share on other sites

gdzieś w stylach (najlepiej global.css) wklej kod:

ul.sf-menu {text-align:center;}
ul.sf-menu li {
float:none;
display:inline-block;
}
ul.sf-menu li ul {
float:left;
text-align:left;
display:inline-block;
}

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More