6.6 update caused underline on all links

  • Resolved jasko40

    (@jsko40)


    4 months, 1 week ago

    Updating to 6.6 caused all links to be immediately underlined on a staging divi themed site.

    To cover questions you might have, after the WP 6.6 update: (a couple standard steps were done)

    • I did clear all plugin caches (siteground host plugin and in hosting account, & browser).
    • I did resave Permalinks.
    • I did a quick search and it seems this was maybe a similar issue after the 6.1 update over a year back to some other themes. They proposed a temporary workaround then of adding the following CSS:

    a:where(:not(.wp-element-button)) {
    text-decoration: none;
    }

    However, when I tried that it did not correct, and I also got an expected Rparen error flagged by wordpress in the divi options css area.

    I used browser tools to check a couple of the links and they indeed do instead show something similar causing underlines (on line28, it says):

    :root :where(a:where(:not(.wp-element-button))) {
    text-decoration: underline;
    }

    So, I added the following near the top in my themes optional css area:

    :root :where(a:where(:not(.wp-element-button))) {
    text-decoration: none;
    }

    This cleared the underline issue. This also repeats the flagged red mark/error about expected Rparen error. (I don’t understand this error yet) However, leaving it in the CSS with the error as such it appears to have fixed the underlining at least. So, great! But does anyone think this means I still have something wrong with this staging site, or is this a WordPress version update issue, or more likely a divi theme issue I should speak to them about? Also, if anyone is even familiar with expected Rparen error…that I’m just riding with at the moment, that might help. Thanks.


    The page I need help with: [log in to see the link]

Viewing 15 replies - 16 through 30 (of 33 total)
  • Thread Starter jasko40

    (@jsko40)

    Sounds like they are just waiting on confirming the fix from enough people so they don’t rush out another fix that might cause further troubles. Sounds reasonable to me at this point, however we feel about the bug getting through.

    I’ve heard it normally suggested and warned to not rush out and install the next update on live sites immediately on release. But hosts managing wordpress these days seem to autoupdate them rather quickly. Seems they have a set it and forget it system going and don’t always recognize when a recent WP update might turn out to have issues and, maybe, be instead held back for a minute. I received notices last night and this morning from hosts about to update many sites to 6.6 automatically some time today unless I stopped them.

    Thread Starter jasko40

    (@jsko40)

    Thanks Tonya. I did just try the 18.8 Gutenburg update and it seems fine as well for my site/test. No underlining of links seen. I also tested creating a post and editing within blocks editor and really had no errors there either. I will likely remove the plugin and wait for the 6.6.1 update just to avoid forgetting a extra test plugin installed.

    Although, I did notice that after adding either a list or image block, there is no small + symbol in the far right of editor just after your most recent block. My only choice was the large + icon for adding a new block in the top left of editor. This behaves differently for headings or paragraphs where after you add one of these blocks, that optional + symbol appears right after your new block at the bottom right to carryon adding new blocks. I can’t say whether this is something new with the test upgraded Gutenburg plugins or not. Just thought I would mention it. Nothing to do with our underlines issue we are talking about here.

    I am a freelancer and I have around a hundred clients affected by this line of code. Even before finding this post, I had applied a custom CSS fix on some sites, but I remain very surprised:

    • This line of code can only cause problems. It’s quite obvious.
    • The side effects of removing this rule can’t be worse; that too is obvious. How many won’t find this post and will pay their developer to find out what happened? I have a hundred clients affected, and I work for agencies that have several hundred clients affected… The so-called side effects will never be worse, and using this type of CSS rule without considering that it will cause problems seems… very, very surprising to me :(.

    I hope version 6.6.1 comes out soon…

    Relax guys the world is not ending and your clients barely notice.

    Give the team some time since this does not affect all themes or custom themes.

    I am using GeneratePress, Astra and OceanWP spread across few hundred clients and the world is still functioning.

    Yes, of course, the world is not ending ;). However, I do believe it was clear that this kind of CSS rule would cause issues :(. Nonetheless, I still want to thank the team for providing us with such a great tool. WordPress has improved significantly over time, and I can only express my gratitude to the team for all the hard work they do every day !

    Same problem with my clients’ DIVI websites … strange underlined links in menus and elsewhere on the site!

    Can somebody tell me why was WordPress 6.6 update forced on some websites even though I have it set to update on MINOR versions only?!? WordPress, please DO NOT force AUTO UPDATES for MAJOR UPDATES!!! Same happened with WooCommerce about a month ago … a forced update with untested versions that messed things up. Not a good practice!!! ??

    Our website https://www.enoughabuse.org is having the same issue where all the links are underlined. I don’t already have a version of Gutenberg installed. I am also not a web expert but I am the only staff member available who manages the site. Should I wait for the 6.6.1 WordPress update, or install the Guternberg plugin? Thank you.

    Moderator t-p

    (@t-p)

    Should I wait for the 6.6.1 WordPress update,

    If updating Gutenberg did not clear the issue, then yes — wait for 6.6.1

    By the way, after updating gutenberg, did you clear all cache (browser, plugins….) before viewing the site?

    Hi, I did not update Guternberg because I don’t currently have a Guternberg plugin installed. Should I install that plugin? Thank you.

    Thread Starter jasko40

    (@jsko40)

    Lindsay, Gutenberg’s block editor is included in WP now. So the only reason some are adding it as a plugin right now is as a test to repair the underline issue (I’m unsure if it fixes other items as well). They are using the plugin as a delivery system for updated files to test. Others can correct me if I’m wrong in describing it that way.

    If you can’t wait for a new WP update fix, you could install the Gutenberg plugin for a temporary fix. But then after the wordpress update does become available you will just be deactivating and uninstalling the Gutenberg plugin. Hope that helps explain a little. If you do go this route, please report back here whether it helped fix the issue or not to help them further confirm this fix works, or not.

    If your site is using Divi, there is a another option with a css workaround for now that you would then later delete once WP makes the update available. You can find that workaround listed in this topic but you need to place it in Divi’s Custom CSS under Theme Options, or in your own child theme css area.

    The temporary css fix isn’t allowed to be published through the normal WP/Appearance/Customize/Additional CSS area. The Rparen error might stop it from being saved or published.

    Moderator t-p

    (@t-p)

    @lindsayhawthorne21,

    I don’t currently have a Guternberg plugin installed

    I’ll wait for 6.1.1

    A Release Candidate for 6.6.1 was created today and is available for testing. 6.6.1 is currently being planned for Tuesday, July 23rd.

    jasleth

    (@jasleth)

    All links is not working, even images with links does not function, used to work before. I’m using Elementor. My theme is ocean.

    • This reply was modified 4 months ago by jasleth.
    • This reply was modified 4 months ago by jasleth.
    wpexplorer

    (@wpexplorer)

    Anyone looking for a fix you can add this code to your child theme functions.php file or via a code snippets plugin. This will remove the code added by WP that messes up your links so you don’t have to override it with custom CSS which could in turn mess up your theme or 3rd party plugins:

    add_action( 'wp_enqueue_scripts', function() {
    	$wp_styles = wp_styles();
    	if ( ! empty( $wp_styles->registered['global-styles']->extra['after'][0] ) ) {
    		$wp_styles->registered['global-styles']->extra['after'][0] = str_replace(
    			':root :where(a:where(:not(.wp-element-button))){text-decoration: underline;}',
    			'',
    			$wp_styles->registered['global-styles']->extra['after'][0]
    		);
    	}
    }, PHP_INT_MAX );

    I had a look and there aren’t any filters available to modify the output of the global-styles (would be very nice to have though) so the only way is hooking into the global styles array.

    It does look like WordPress is working on a “fix” (hopefully a good one) so if you use this snippet you may want to remove or customize the snippet once the official fix is out.

    Tonya Mork

    (@hellofromtonya)

    Hello all,

    WordPress 6.6.1 is released and now available https://www.ads-software.com/news/2024/07/wordpress-6-6-1-maintenance-release/. It includes the fix to the “all links underlined” issue reported in this support thread. Thank you everyone.

Viewing 15 replies - 16 through 30 (of 33 total)
  • You must be logged in to reply to this topic.

Tags