View Replies (4)

Resolved Change the background (mouse over) drop-down menu

  1. Task
  1. Shopin
  2. Wednesday, 01 August 2018
Hi,

How to change the color block (mouse over) from the bottom of the drop-down menu in shopin. :o

It remains blank by default. I would like it to go to # 999999 when the mouse is on it ?

I can not find the line in the css of the template (see image)

Thank you for your comeback
Attachments (1)
Couleur.shopin_Capture-d’écran-2018-08-01-à-17.13.14.jpg Couleur.shopin_Capture-d’écran-2018-08-01-à-17.13.14.jpg
Accepted Answer
Hi,
1) Use


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color: yellow; background: red;}


2) some tips are also here (added long time ago):
https://www.joomshaper.com/documentation/helix-framework/helix3#menu-settings-customization
Attachments (1)
custom_css_field_helix3.png custom_css_field_helix3.png
  1. more than a month ago
  2. Shopin
  3. # Permalink
Responses (4)
Hello,

Thank you Paul for your listening and links. :)
I put this code in custom CSS :

}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
background: #999999;
}


I still had to change the color at line 924 of template (Template.css)
for this to work (see image).

Thank you and good day ;)

Thank you
Attachments (1)
Capture d’écran 2018-08-02 à 10.32.40.png Capture d’écran 2018-08-02 à 10.32.40.png
  1. more than a month ago
  2. Shopin
  3. # 1
DO NOT EDIT template.css !

use custom.css instead, Helix Manual for more.
----
Remember about contrast too (bg vs font color)
  1. more than a month ago
  2. Shopin
  3. # 2
Yes, thank you Paul,

That's what I did (see attached image).

Thanks again and have a nice day :)
Attachments (1)
Capture d’écran 2018-08-02 à 12.26.04.png Capture d’écran 2018-08-02 à 12.26.04.png
  1. more than a month ago
  2. Shopin
  3. # 3


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.

Please publish modules in sidebar position.