CSS issues for active state on menu links

[Organstudio]

Hi, I am having trouble applying CSS to style my links in italic when active–works on hover. I'm sure it is something very simple that I'm doing wrong. I have applied the following code:
a:hover {
font-family:Lifeitalics;
}
a:active {
font-family:Lifeitalics;
}

Also on the projects page I am noticing faint lines from the thumbnail images on hover which should be covered by the titles on mouseover.

Lastly, is there a way to make the site title non-clickable?

My website is: www.normanwilcoxgeissen.com

Many thanks,
Norman

[mariusjopen]

Dear @Organstudio

1. Italic
   The italics seems to work now. Did I miss something?

2. Lines
   I can't see any faint lines. Can you upload a screenshot?

3. Title
   Yes. With a trick. But you could add a CUSTOM CSS which says:

.sitetitle.txt {
    pointer-events: none;
}

Best!

Marius

[Organstudio]

Hi Marius,

Many thanks for your response.

1. The italics work for hover but I would like the state (italics) to remain on selection so as to identify the page that is active. Is there an easy way to implement this with CSS?

2. Lines – I have since modified the design slightly so all good here.

3. Title CSS – perfect thanks!

All best,
Norman

[mariusjopen]

Hi @Organstudio
try this:

.current-menu-item a {
    font-family: Lifeitalics;
}

Best!

Marius

[Organstudio]

@mariusjopen said in CSS issues for active state on menu links:

.current-menu-item a {
font-family: Lifeitalics;
}

Hi @mariusjopen

Yes that works perfectly!

Many thanks!
Norman

[Organstudio]

This post is deleted!

[mariusjopen]

Dear @Organstudio
can I ignore the last comment you made?
It looks like you deleted it.

Best!

Marius