Is it possible to have the header text bold even after adding a link?

Hi @boppar,

Generally you can control your text weight from the Elementor panel. It generally on Style > Typography most of the widgets.
Screenshot: https://prnt.sc/tdi199

Anyway, Can you please tell me the exact widget name of the Essential Addons for Elementor where you want to trying to do this. Because in Essential Addons for Elementor there is no widget called “Header”
If possible drop a screenshot, So that I can understand more better. Cheers!

Hi @abidhasan112

I meant the heading widget.

It looks like this without adding a link (bold text):
https://ibb.co/2F2srPv

When adding a link to the heading widget (no longer bold text):
https://ibb.co/XV8ZcTV

When changing weight to Bold (still no bold text):
https://ibb.co/2gN2Cxq

Site:
https://ibb.co/DDcgJyx

Hi @boppar ,

Use this one on your elementor panel custom css of that wrapper:
selector a { font-weight: 600 !important; }

Or you can set a class name of that heading. And write a CSS on your stylesheet:

.your-class-name a{
   font-weight: 600 !important;
}

Let me know how it goes. Cheers!

Hi @abidhasan112
I don’t have the Pro version so it’s not possible to add
selector a { font-weight: 600 !important; }
in Advanced – Customized CSS.

I tried to enter the code in Appearance – Customize – Additional CSS.
However it changed nothing.

I didn’t try to set a class name and writing CSS on my stylesheet, as I’ve no experience of editing style.css or child themes.

Is there a code I can add to Appearance – Customize – Additional CSS, that will do the change I’m looking for?

On your Heading widget, Set a class name from here and then update: https://prnt.sc/temjny

Then you can go Appearance –> Customize –> Additional CSS, And put your CSS there:

.your-class-name a{
   font-weight: 600 !important;
}

Let me know how it goes!

• This reply was modified 4 years, 4 months ago by Abid Hasan.

Thanks a lot, @abidhasan112.
It works perfect. Great support!