Problem with CSS styling on my website

HTML-CSS
1

Hi all,
Not sure if this is the right place to post, please remove if not allowed.
For some strange reason my button effects are not showing they are meant to change when you hover and click on them? Please could someone help? The website/code can be viewed here: www.clairesells.co.uk

2

I am not so sure whether this might help, but you can try to add hover effects by using whatever you want to have effect, like p.
Example:

<style>
a:hover{
color: red;
}
</style>
<a href="google.com">Google </a>

You can learn more about this on CSS Pseudo-classes.
Hope it helps!

3 Likes
3 
nav > ul > li:hover {
  background-color: #hotpink;
  color: #rosybrown;
  cursor: pointer;
}

hotpink and rosybrown are not HEX values # they are color names. Remove the # in front of them. The same goes for darkslategrey and darkgray they too should not have a #

4

Thank you both so much!
This has worked. I wondered why it looked a bit strange in coding editor. I didn’t realise you can’t use a hashtag in front of a name colour. Lesson learned! :smiley: