Archived topic

Hover makes site title vanish with filtered URL

11 replies · Started by Jim on August 13, 2021

Viewing posts 1–12 of 12

August 13, 2021 at 4:58 pm #1895109

I managed to figure out how to filter the URL the header points to, using generate_site_title_href. I do this only for a custom page type on my site.

Normally, when I mouse over the header text, it blinks very briefly. But on the custom page type, only when filtering, hovering makes it completely disappear. It's the strangest thing! But not the most serious problem ever.

Here's the filtering I'm doing:

add_filter( 'generate_site_title_href', function() {
   if ( is_singular( 'ncpage' ) ) {
      return 'https://forestpathology.org/ncfpw/north-central-forest-pest-workshop/';
   } } );

Currently the only page where you can see that special effect is https://forestpathology.org/ncfpw/about-ncfpw/

August 13, 2021 at 5:16 pm #1895122

Hi there,

Don't think I'm seeing the issue you are referring to.

Just to confirm, I just need to hover over the title to see the issue?

August 14, 2021 at 7:38 am #1895463

Actually, that page was published privately before; I just made it public. Now it's disappearing in Safari but not in Firefox.

August 14, 2021 at 8:52 am #1895729

Hi there,

is there an issue if you disable the Optimization plugin ?

August 14, 2021 at 9:46 am #1895767

I deactivated WP-Optimize and Autoptimize (which I only use for lazy-loading images), cleared the Safari browser cache, and the site name still disappears on hover.

August 14, 2021 at 11:05 am #1895833

Hi Jim,

Can you try this:

Go to Customizer > General, choose External File for Dynamic CSS Print Method, and click Regenerate CSS file.

And deselect the Cache dynamic CSS option if you selected it before.

Let me know if it works.

August 14, 2021 at 1:06 pm #1895908

Unfortunately those changes did not affect it (after publishing the customization, clearing Safari caches, optimization plugins still deactivated).

It's got to have something to do with the filtering, as it only happens when I use 'generate_site_title_href'.

Incidentally, I changed the filter to this, as I found I had to return the default URL if not the one for the custom post type. But it still only affects the custom page type, and only on Safari (only checked it and Firefox).

add_filter( 'generate_site_title_href', function() {
   if ( is_singular( 'ncpage' ) ) {
      return 'https://forestpathology.org/ncfpw/north-central-forest-pest-workshop/';
   } else {
      return 'https://forestpathology.org/';
} } );

August 14, 2021 at 4:51 pm #1895968

Can you make sure the customizer setting is indeed correct under Colors > Header?

August 14, 2021 at 6:37 pm #1895997

There is no setting Appearance > Customize > Colors > Header. There is
Appearance > Customize > Colors > Blog Post Title and
Appearance > Customize > Colors > Blog Post Title Hover
Both are set to white or close to it (background is very dark).

I don't know what "correct" would mean.

August 15, 2021 at 5:53 am #1896270

Hi there,

go to Dashboard > Appearance > GeneratePress and enable the Colors Module:

https://docs.generatepress.com/article/colors-overview/

August 15, 2021 at 9:40 am #1896608

That didn't fix it either. I was able to fix it by setting .main-title a:hover color in the stylesheet. Really strange that it was specific to a custom page type and Safari.

Thanks for the ideas.

August 15, 2021 at 10:42 am #1896632

I think the reason you are having the issue is because you have these added in your child theme:

.main-title a, .main-title a:visited { color: #ffffff; }
.main-title a:hover { color: #e1e1e1; }

If you remove that, then the customizer options should work.

You can test by activating the parent theme without your own styles.

This archived topic is closed to new replies.

Start building better websites today.