Search the Community
Showing results for tags 'superfish-modified.css'.
-
I have the module [top horizontal menu 1.3v] which main css is superfish-modified.css. I am looking towards modifing one menu item, but I have not had success finding the page code to add the style or class to that piece of text, any help? I am trying to modify the 'sale' item to red color. webpage is: www.laguarda.cl
- 15 replies
-
- jbx-menu
- horizontal menu
-
(and 4 more)
Tagged with:
-
Hi Prestashop Forum! I'm working on development on the new Prestashop 1.6.0.6. We have already an on-line shop @ http://gradina-viitorului.ro with the 1.5.6 version and wanted to keep same layout but in the same time we wanted also the new fresh feel of the 1.6x because we loved the new look, design and simplicity. So what blocked me here was that we were unable to see through the new superfish-modified.css. I simply cannot comprehend it because I barely managed to see though the old css file. First of all, let me show you how i have managed to work around the old css file to make it look like it does, here I go: .sf-menu a.sf-with-ul { padding-top:130px; display: inline-block; vertical-align: text-bottom; width:140px; height:50px; text-align:center; left: 0px; } li li a.sf-with-ul {background:none;} li:first-child a.sf-with-ul { background: url('../img/tractor.png') transparent; background-repeat:no-repeat; background-position: center bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } li:first-child a.sf-with-ul:hover { background: url('../img/tractora.png') transparent; background-repeat:no-repeat; background-position: bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } *////////////////////////////////////////////////accesorii tractoare li:nth-child(2) a.sf-with-ul { background: url('../img/moto.png') transparent; background-repeat:no-repeat; background-position:center bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } li:first-child + li a.sf-with-ul { background: url('../img/moto.png') transparent; background-repeat:no-repeat; background-position:bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } li:nth-child(2) a.sf-with-ul:hover { background: url('../img/motoa.png') transparent; background-repeat:no-repeat; background-position:bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } li:first-child + li a.sf-with-ul:hover { background: url('../img/motoa.png') transparent; background-repeat:no-repeat; background-position:bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } *//////////////////////////////////////////////////accesorii motocultoare li:nth-child(3) a.sf-with-ul { background: url('../img/motos.png') transparent; background-repeat:no-repeat; background-position:center bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } li:first-child + li + li a.sf-with-ul { background: url('../img/motos.png') transparent; background-repeat:no-repeat; background-position:bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } li:nth-child(3) a.sf-with-ul:hover { background: url('../img/motosa.png') transparent; background-repeat:no-repeat; background-position:bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } li:first-child + li + li a.sf-with-ul:hover { background: url('../img/motosa.png') transparent; background-repeat:no-repeat; background-position:bottom; width:130px; font-size:10px; font-weight: 900; height:20px; text-align:center; text-indent:-9999px; } */////////////////////////////////////////////////////////accesorii motosape .......................... and so on till li:nth-child(7) It was the most simple way that i could think of to do that but as a result it worked! I tried to do the same aproach on the 1.6 version in..\themes\bootstrap\css\modules\blocktopmenu\css but that superfish-modified.css is above my reach. So in short, would be a great thing that we could implement that same top menu within the 1.6x version. That's all I'm asking of you. If there's someone out there to give us a hand here we'd be very happy and pleased. Best regards, Gradina Viitorului Team Ps: Working on XAMPP for 1.6x but we could put it online for testing.
-
Nie umiem odnalezc tego pliku, a chcialbym zmodyfikowac kolor paska w naglowku. Czy tkwi tu jakis haczyk? Pozdrawiam
-
I am wondering how to add text to the search bar. Like the search bar in this forum (above) it says 'Search...' then when you start typing the word goes away. Does anyone know what I need to add to make it do that and where? I would imagine it would be modified in the superfish-modified.css in the blocktopmenu module. Thanks! Also, I would like to make the search bar stretch wider when the pointer hovers over the search bar. Any help is appreciated!!
- 3 replies
-
- 1
-
-
- search bar
- modification
-
(and 2 more)
Tagged with:
-
Hi, the sf.-menu li li looks misplaced, I don't know how to fix it. I've tried to add things to it, but then the child (li li li) seems misplaced and I can't seem to fix it. here is my webpage: http://manosdelalma.cl/home/index.php I just need all this to be aligned, pretty much appreciated!
- 1 reply
-
- superfish-modified.css
- ul li li
-
(and 1 more)
Tagged with:
-
Hola, el sf-menu li li se ve fuera de lugar, no sé como arreglarlo. He intentado colocarle left:50px pero luego el sf-menu li li li se ve fuera de lugar igual, y no he podido encontrarle solución, ya que no soy muy experto en el li li mi página: http://manosdelalma.cl/home/index.php solo necesito que los sub items se vean alineados. Muchas gracias
-
Bonsoir, J'avais déjà eu pas mal de soucis pour changer les couleurs du bloctopmenu à ma guise sur mon ancien site et je recommence à galérer... Si je me souviens bien il fallait ajouter quelques lignes de codes mais je ne sais plus lesquelles ni où (enfin dans quelle partie sur superfish-modified.css) Si quelqu'un pourrait me filer un coup de main je n'y connais rien en programmation.. J'ai déjà modifé toutes les couleurs il n'y en a qu'une qui me donne le fil à retordre. Je mets le lien vers le site, pas pour me faire de la pube mais pour illustrer : cannes-boutique.fr c'est donc dans le topmenu (menu du haut). Les catégories principales c'est bon mais quand on va dans (ex) 'Maillots' ==> '2 Pieces' (et toutes les autres sous-catégories de même) j'aimerais que ca apparaissent en mauve (#D80B81) et non pas en blanc quand il n'est pas en focus (le curseur dessus) mais qu'il redevienne blanc (car fond mauve) lorsqu'on le survole. Donc vu qu'il est déjà blanc sur fond mauve en focus ca je pense pas avoir a modifier mais pour quand il est en normal, comment changer sa couleur ?? Est-ce que quelqu'un a un tuyau ? Je vous remercie d'avance, et passez une bonne soirée.
- 2 replies
-
- bloctopmenu
- topmenu
-
(and 3 more)
Tagged with:
-
Hi all, I am finishing my prestashop site, but I am not able to change color (to yellow) of jbx menu when selecting a category (Marcas, Prestaciones, Promociones, Novedades or Ayuda). Actually, they're links to detailed info. Hover only works when selecting a category like Hombre or Mujer which are categories already created in the backoffice. I've been modifiying superfish-modified.css with no luck, any css master could give a hint? PD. You can check my site at http://www.calzadoselaber.es Cheers and many thanks
-
Hi all, I use the module Top Horizontal Menu v1.3. But it would be really helpful if the customer could see which category has been selected. For instance if you click on "Eye Lashes" I would like the background to stay white while the user navigates under this category. How do you this? You can find the site here: http://ihair.dk Thanks :-)