[Resolved] Setting all links in text bold

[Provelo beider Basel]

Hi!
My boss is colourblind and can’t see the red links on our Website. But our corporate design does not allow us to put the links into another colour. This is why we want to make a custom setting and switch all our links in our text to bold red and set the setting, that all links appear automatically bold red. Can you help me, how to do this? I could not find any setting for making the links bold.
Can you tell me a CSS or a setting?

Thanks a lot!

[David]

Hi there,

you can try this, not sure it will get all links as you’re using Elementor and its CSS may override some:

#content a {
    font-weight: bold !important;
}

[Provelo beider Basel]

Thanks, it worked!

[David]

Glad to be of help

[Yvette]

Hi,

Thanks for the information. I also want to help readers easier see the links.

I put together the code above and used the example css help from Code Snippets and made a css snippets on my webpage (for example on https://www.laaneoversikten.no/sammenlign-forbrukslan/)

————————
add_action( ‘wp_head’, function () { ?>
<style>

.single .entry-content a, .page .entry-content a {
font-weight: 700;
}

</style>
<?php } );
————————

I choose to only run on site frond-end too, and not run snippets everywhere.

Kindly advice if the code seems correct and the area for where the code need to be run seems correct.

FYI: Using Generate Press theme

[David]

Hi there,

that method is fine to use.
To note – it will generate the same results as simply adding the CSS to the Customizer > Additional CSS 🙂

[Yvette]

Noted, with thanks:)

[David]

You’re welcome

[Author]

Posts