Rollover function for menu buttons and logo « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Flashlight

not a support question

Rollover function for menu buttons and logo

8 posts from 2 voices

Started 8 months ago by jim321
Latest reply from Ismael
This topic is not a support question

Tags:

No tags yet.

jim321
Member

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

Posted 8 months ago #
Ismael
Moderator
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
Posted 8 months ago #
jim321
Member

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

Posted 8 months ago #
Ismael
Moderator

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

Posted 8 months ago #
jim321
Member

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

Posted 8 months ago #
Ismael
Moderator
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
Posted 8 months ago #
jim321
Member

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

Posted 8 months ago #
Ismael
Moderator

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

Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top