Hello. I wanted to update the site to Bootstrap 5, but upon doing so, all word links are now underlined and off upon hover. There seems to be no way to turn that off? I can’t seem to find a way to take the underline off. Seems strange. Did anyone go through this problem?
Hi,
Add the ‘a’ class to the Class Manager, and reset the decoration under the typography tab.
Cheers,
Eldar
1 Like
Hi Eldar!
Thanks so much. I’ll try that and hopefully it will be ok.
Hi Eldar.
I’m just updating in case others ever get this problem as it explains why I found my problem slightly different and slightly confusing.
When updating to Bootstrap 5 from 4, the text links became underlined. What created the confusion for me was I looked firstly in Classes but all instances of text from active, hover etc, showed up as normal and set off.
What I had to do was actually change it to anything but what it was, click done, which would in my situation put a line through the middle text now also as I selected this setting, and then go back into class manager and then change it back again to what I wanted, which was to be off.
This somehow resolved the issue. Strange work around but it worked. 
The underline is default link behaviour in bootstrap 5. That class with text decoration removed fixes it. This is one of the first changes for me on any new site.
1 Like
Thanks Flash, I’m still on 4.5 and had it on there as I had not moved onto Bootstrap 5 in the options. It was strange for me as all classes in manager were in default off (X) setting even though it was clearly underlined.
Yes, you are absolutely right. I wish it was shown in the ‘a’ class what the default value is. But, like it was said, changing the ‘a’ class decoration setting is one of the first things I am doing for all of my projects now.
1 Like
That’s because the initial style is defined in the bootstrap css file. When you are creating the ‘a‘ tag in the class editor it’s being added to another css file, it says x initially because no style is set in that file.
When you select for example, text underline and then X again, you are setting the text-decoration style to none. Removing the underline. If it was set as this initially it would be overriding the default Bootstrap styles.
It is how CSS works.
The styles in the class editor reflect the styles.css file. It would be confusing IMO if they also showed what was in the bootstrap.css file as you can add custom classes to elements that have bootstrap styling. And stack multiple overriding classes for that matter.
1 Like
Thanks Malachiman! That’s a very insightful point of view and explains also what goes on inside the box, so to speak.
I generally mean this when I say, I’m very thankful to everyone who gives their advice and expertise. I think what makes Blocs good, from my point of view from version 1, is also the community. People actually care about given advice and helping others, and it helps greatly overall with regards to the actual product, I feel.