Removing hover and changing text colour on top banner

[JonandJack]

Hey

First post – really need some help with this if possible. :-)

Myself and my friend are using a marketplace host to create a new website, but want to change a couple of features and cannot work out how to do it. We can’t edit the HTML I believe, but we can do the CSS… So hoping it’s possible.

The website URL is: https://thedinnertable.arcadier.io/

On the top banner, top right hand side – there’s two buttons: ‘Become a Host’ and ‘Register/Sign In’.

The ‘Become a Host’ has a hover function which we want to disable but can’t work out how.. We just want the text to be black and constantly visible.
The ‘Register/Sign In’ is white (we want a white background when the site is fully sorted) and we can’t figure out what it’s called to change text to black/grey.

We’ve changed a few other aspects, but these two we just can’t figure out.

Any help / advice would be great.

Thanks

[Atelierbram]

To disable the hover and change color on the ‘Become a Host’ link:

.navigation li:first-of-type a {
  pointer-events: none;
  cursor: default;
  color: #000;
}

Or alternatively use this selector: [id="register-modal-seller"] { }

[Author]

Posts