Skip to main content
Participant
Jul 25, 2023 10:00 AM UTC
Question

Adobe Portfolio Text Link Hover/Rollover Effect Inconsistencies

Using the Lukas theme, text link hover effects are applied inconsistently, and do not listen to the settings prescribed in the global media content styles menu. 

 

This results in some hyperlinks changing colour when hovered and others not changing colour. It also results in some links changing to a colour hex which is different to the one prescribed in the menu. 

 

Can this be fixed? 

 

In the below screenshots, each word is a hyperlink to the relevant page. My name goes back to the home page. On "Writer", "Photographer", and "Maker", the hover effect causes a darker, unspecified grey colour; on "Reuben J. Brown" it changes nothing. In all cases I want the hover effect to produce the red hex specified in the menu on the left. All the hyperlinks are functioning perfectly on the website itself. 

  

This topic is closed to new replies. Start a new post to keep the conversation going.

4 replies

Participant
Aug 2, 2023 9:45 AM UTC

Ended up fixing it by removing all formatting from all links, changing the global text link appearance again, then individually editing any links that I specifically wanted to look different. Still makes all links look darker grey when hovered, but I've stuck with it and ditched the red. 🤷

Translate
kglad
Community Expert
Community Expert
Aug 2, 2023 1:43 PM UTC

@reubenjbrown 

 

thanks for the update.

Translate
Nancy OShea
Community Expert
Community Expert
Jul 30, 2023 10:29 PM UTC

In CSS there are 4 pseudo-link classes, each representing a different state or condition.

Link = any unvisited link

Visited = previously visited links

Hover = On mouseover

Active, Focus = on click or when tabbed to by keyboard strokes

 

With that in mind, your Visited link state will take priority until or unless you clear your browsing history.  Or try using a different browser.

 

If you feel your styles have become corrupted, restore your Portfolio Theme to it's default styles, see below.

https://help.myportfolio.com/hc/en-us/articles/115002863953-Restoring-website-styles-to-your-published-version

 

Hope that helps.

 

Translate
Nancy O'Shea— Product User & Community Expert
kglad
Community Expert
Community Expert
Jul 25, 2023 1:28 PM UTC