[Support request] Links not showing correctly in editing mode for “Scribe”

[Brooks]

We used Scribe for our latest site.

When editing links on the backend in Gutenberg, you are unable to see items that are hyperlinked.

The only way to know what is linked is on the front end.

This is making linking difficult.

Note: we installed Scribe for another site to test and the issue is there as well.

Thanks!

[David]

Hi there,

by default Scribe doesn’t add any specific styles to the links, did you add any in the Customizer or via CSS?

[Brooks]

I did not, David.
I just know that it’s the first time I’ve ever gone to edit links on the back end and not be able to differentiate the link from the regular text!

What steps do I need to take?

[Ying]

By default even on the front end, the links don’t have specific styles.

If you can see the difference on the front end, you should be able to see it on the backend as well.

Can you link us to a post where we can see a link?

[Brooks]

Sure, here’s a link: https://www.brooksconkle.com/should-i-get-a-real-estate-license/

Here’s a quick vid if that helps: https://www.loom.com/share/4e10acfbcecb4b1398c90c4fde4ac654

Thanks

[David]

I see some custom CSS in the Customizer > Additional CSS that is adding link styles.
By default WP doesn’t load Additional CSS in the editor.

To load that in the editor you can add this PHP Snippet to your site:

add_filter( 'block_editor_settings_all', function( $editor_settings ) {
    $css = wp_get_custom_css_post()->post_content;
    $editor_settings['styles'][] = array( 'css' => $css );

    return $editor_settings;
} );

How to add PHP: https://docs.generatepress.com/article/adding-php/

[Brooks]

My developer told me that he finally found the issue.
He said that the link options are in 2 different places and that one overrides the other.
Is this correct?
If so, I wanted to send your way.
Thanks.

From Developer…
[[The 2 settings are:

Customize > Color > Body > Link
Customize > Color > Content > Link

The second one overwrites the first one.]]

[David]

Thats the correct behaviour.
Body Links are for the entire site. The styles applied to the body apply to all elements in the site.
You then use more specific styles like Content > Link or Sidebar > Link to overwrite the body styles just for those areas.

[Author]

Posts