OllieWP / ollie

A finely-crafted WordPress block theme by Mike McAlister

Home Page:https://olliewp.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bug with link colour Hover in Header and Footer

DecimusBurton opened this issue · comments

Describe the bug
Bug with link colour Hover in Header and Footer

PS - sort of linked on Category pages the meta categories are all underlines in purple - the global hover does not work here.... but the global hover does work on the Post name...

To Reproduce
To test I used these colours
#990000 - Red
#006600 - Green
#ff99ff - Pink
#ff8000 - Orange

Within Global styles you can set the Colour Hover up. I set it up to Red ##99000

It appears the Header and Footer links Hover colour has an over-ride that does not pick up the global hover colour of red.

For the Footer you can set the link by opening: Appearance | Editor | Patterns | Footer | then by going into the group that has the footer para blocks and amending the Styles for: Colour | Link | Hover set to #ff8000 Orange. This works links are now orange in the footer.

Repeat for Heeader by opening: Appearance | Editor | Patterns | Header | then by going into the group that has the Header Navigation block and amending the Styles for: Colour | Link | Hover set to #006600 - Green. This DOES NOT works links remain the default black. The only way to over-ride this was by some CSS and to verify I used Pink

/* Header Pattern - hover over-ride set to PINK 99ff99 */
.wp-block-navigation-item a:hover {
color: #ff99ff !important;
}

Desktop (please complete the following information):

  • Win 11 on a laptop

Smartphone (please complete the following information):

  • S23ulta
  • Android 14
  • Chrome