Triangle pointer on selected menu item

Hi,
Pls post a link to your site..

Cheers…:)..

The element you are looking for is in expound.css @ line 198 – the border color.

Thanks…I’m using custom css and managed to change that but still blue on hover. I’ve tried this but doesn’t work:

.navigation-main ul > .current_page_item a:hover

OR how could I remove the arrow altogether?

https://cardtherapy.co.uk/

Thanks

Hi,
You can remove the arrow by using display:none in your child theme css file for the css property at line 189 in the expound.css

Cheers..:)..

Thanks. Taken me a while to get back to this because Life…but I’m using custom CSS rather than a child theme. Line 189/190 in expound css is:

.navigation-main ul > .current-post-parent ~ .current-post-parent a:hover {
  background: #474747;
}

So tried this – to no avail – at the bottom (have a lot of mods in my custom css…would be better practice to use a child?):

.navigation-main ul > .current-post-parent ~ .current-post-parent a:hover {
  background: #474747;
  display:none;
}

I don’t think it’s a:hover I want though…?

https://cardtherapy.co.uk/

Hi,
In your custom css in line 70 put this:

border:none

The pointer here is made by using border property , so you just need to remove the border.

It’s completely fine to use custom css, you can use either child theme or custom css as long as you don’t edit theme directly.

Cheers.:)..

Like this:

.button-primary:hover,
a.button-primary:hover,
.wpm-button-primary:hover,
a.wpm-button-primary:hover {
  background: #474747;
  border:none;
}

No change I don’t think…but is that just hover,will I need to target the other states?

This code altering the border colours as the member above said, as really worked, thanks! I changed mine to match with my maroon and orange menu theme.

}

.navigation-main ul > .current_page_item a:after,
.navigation-main ul > .current-menu-item a:after,
.navigation-main ul > .current-post-ancestor a:after,
.navigation-main ul > .current-menu-parent a:after,
.navigation-main ul > .current-post-parent a:after {
  content: '';
  font-size: 0px;
  line-height: 0%;
  width: 0px;
  border-top: 6px solid #5E1818;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  z-index: 9995;
}
.navigation-main ul > .current_page_item:hover a:after,
.navigation-main ul > .current-menu-item:hover a:after,
.navigation-main ul > .current-post-ancestor:hover a:after,
.navigation-main ul > .current-menu-ancestor:hover a:after,
.navigation-main ul > .current-menu-parent:hover a:after,
.navigation-main ul > .current-post-parent:hover a:after {
  border-top-color: #C46129;
}