Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #16205

    Greetings,

    I was wondering if you can help me with the code needed to make the menu buttons have the rollover effect that the sub menu buttons have, ie text is darker on rollover? I would also like to add this to the logo. Is this possible?

    Regards

    #90586

    Hi jim321,

    Are you referring to submenu links or those are really submenu buttons? If it is a button, I can’t find any submenu button in the demo site, kindly post a link for this. If it is just the submenu link, try to add this on your Quick CSS or custom.css:

    .sub-menu li a:hover {
    color: black !important;
    }

    Just place the css customization inside the code block. Hope this helps. :)

    Regards,

    Ismael

    #90587

    This works exactly the way i wanted. Thanks for your help. Also i have tried to apply this to the logo but am having no luck, any ideas?

    thanks

    #90588

    Hi jim321,

    What do you want to do with the logo when hovered? We couldn’t easily change it because the logo is an image unlike the links which are text that we can manipulate it easily.

    Regards,

    Ismael

    #90589

    Hi Ismael,

    Thanks for your quick reply, i would like the logo to become darker on hover, i do believe this involves calling to a modified version of the original logo? Any help on the code for this would be great.

    Regards

    Jim

    #90590

    Hi Jim,

    Try to add this code in your Quick CSS or custom.css:

    #top .bg-logo a:hover {
    background: url('your_url_here');
    }

    Just replace the url and make sure the logo has the same size with the original logo.

    Regards,

    Ismael

    #90591

    Hi Ismael,

    I have had no luck with this. I added it to my quick css. I used the url where the image is located, (that i want to appear on rollover) but no luck. I have not tried custom css yet for i havn’t located the files location yet.

    Thanks for your help

    Regards

    Jim

    #90592

    Hi,

    You can find the custom.css via FTP, wp-content/themes/flashlight/css/custom.css. You can’t see it via Appearance > Editor.

    Regards,

    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Rollover function for menu buttons and logo’ is closed to new replies.