Text Hover Fade?

Report · Jul 01, 2018

Hey! I'm kinda new to Muse.

I forgot how to make a simple text fade into a darker color while hovering over it, this is in the nav bar of course.

I've tried this.

I Made the text white and changed the "Rollover+Mousedown" = Darker Color. Also added a Transition (fade) with a 5 sec delay & a 0 sec duration, with the speed: " Ease".

But when I preview my page the text won't fade...

If any of you know how to solve my problem I would love feedback and support.

Thanks

Report · Jul 01, 2018

Adobe has given up on Muse and so should you. Muse is EOL now which means it has no future. If you can work with code (highly recommended), changing text links is dirt simple with ordinary CSS code. But hover doesn't do anything on touch screen devices because there's no mouse. So you probably want to extend this to active & focus states as well as hover.

HTML:

CSS:

a {color: pink; transition: all 0.2s linear; }

a:hover, a:active, a:focus {color: blue}

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 01, 2018

I treid to reproduce your issue and was not able to do so.

Looks like this on my side and works, what you may check after download the file: https://adobe.ly/2KAK86j

Nancy OShea , I don`t think it must be a link in this case.

For Musers, where should this code be added? Inside the body head in page properties or site properties.

Best Regards,

Uwe

Report · Jul 01, 2018

Navigation text is a link. I am assuming this is for sitewide navigation links.

CSS code goes in the <head> tag.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 02, 2018

Skip the Navbar thing. I was talking about a simple textframe..

Report · Jul 01, 2018

he said a nav bar which does imply a link but the most commom way to bugger up nav design is to misunderstand that "mouse-over" comes before "active" and a nav bar that is on its active page will therefore never be in "mouse-over" state

so for example if this nav-text is the home page and he is currently on the home page then it wont show mouse over state

Report · Jul 02, 2018

I simply overread the NAVBAR. Advantage to be able to read .

Uwe

Report · Jul 02, 2018

I meant just a normal text frame, but it will work as a nav.

Report · Jul 02, 2018

The thing is, it doesn't work when I put the text frame in the "navbar" / "top" area. Why?

Report · Jul 02, 2018

Did you check my example?

Uwe

Report · Jul 02, 2018

If you still have this issue, it might be that some element is covering the text? If not, we would need a simple .muse, reduced to your issue and shared via CC or similar cloud apps.

Uwe

Report · Jul 03, 2018

Adobe Creative Cloud

Here is an example site.

I used the font; "Montserrat Light" on the site..

Still not working...

I would love if you could take a look at it and see if you can solve it

Thanks!

Report · Jul 02, 2018

if its not a web safe font then your text will be turned into a image and that works different... I agree with Uwe, give us a .muse file

Report · Jul 03, 2018