Lucid On-hover icons color

Lucid --> Body. 

The Icons color,  Links color, and on-hover links color are changing the Home menu items as expected, however the On-hover icons color doesn't change the icons. Can this be fixed?

  • View
    4815
  • More
Replies (4)

    • Hello Btasey !

      The trouble may be connected with the point that the top menu links in Lucid use the div container with CSS class bx-menu-floating-blocks-title 

      • Regarding this same issue - on-hover icons - in Protean, we see in the Settings for "Body" and "Header": "On-hover icons color". However, the "Main Menu" setting does not offer this particular field. Hmm. I guessed the icon color was automatically synced with the menu text.

        Neither icon setting causes the main menu icons to change color in the hover state, for the Body and Header settings. The font, right under the large icons, does indeed change color in this main, floating block menu.

        What am I missing? Perhaps I can add additional css to the Custom Styles? Or to the Main Menu itself in the Navigation module, for each icon?

        I need the hover state for the icons to change their color with the text in this home-page main menu. To: rgba(51, 102, 255, 1)

        Thank you for guiding me, if you are able!

        • Hello @banister !

          The main menu has been connected with the template style https://github.com/unacms/UNA/issues/5282

          • Yes, I see on Github that some code revision was just made with regard to the hover state. This did not fix my issue but I could see how it affected my "add content" menu on hover color, for icon and text.

            Finally, I lucked up and changed: .

            bx-protean .sys-icon:not(.sys-colored):not(.bx-vote-star), .bx-protean .sys-icon-a:not(.sys-colored):not(.bx-vote-star) {color: #525252; }

            To: color: inherit.

            Perhaps, I manually changed this value years ago in the actual css file. Thus the whole problem was self-induced.

            Checking the gzip css file, I see it is about 33 thousand lines. Some of which applied to other templates and graphics which are not in use. Then Less and Tailwind come in and work their magic. Etc, etc. WOW, that is a lot of data to drop on a little cell phone.

            My issue above is one of those minor adjustments which you would think would take a few moments to change but hours later, you are still scratching your head. That ever happened to you?

            In the end, we always look for opportunities to learn new things. On that front, UNA does not disappoint.

            Login or Join to comment.