Text Link Element default...

User 244626 Photo


Registered User
811 posts

I am stumped on how to remove the default text-decoration: underline from the Text Link Element.

Is the only way to remove it is to use custom css ?

I was using a UL Link which uses the same thing trying to design tabs but they look weird with the underline on the focus and hover settings.

I noticed in Foundation the default is no underline for a Text Link Element.
Bootstrap 5 CSS Grid.
User 187934 Photo


Senior Advisor
20,007 posts

I didn't open the app but can't you triple click the element text and set the proper of the text within.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 379556 Photo


Registered User
1,375 posts

I think the way to do it, both for Text Link and List Item Link is as follows while the State is set to Hover -
1. Change the the Typography Decoration box to something else.
2. Change it back to None.

I think it's a tinny glitch in the program that initially shows the Decoration a None to start with when actually it's underline.

Frank
User 244626 Photo


Registered User
811 posts

Frank Cook wrote:
I think the way to do it, both for Text Link and List Item Link is as follows while the State is set to Hover -
1. Change the the Typography Decoration box to something else.
2. Change it back to None.

I think it's a tinny glitch in the program that initially shows the Decoration a None to start with when actually it's underline.

Frank


Ah Yes, in the middle of the night I had one of those ahha moments and got up to see if I forgot to set the Type for the element which did not help. It was then though I too discovered by just changing it to something else and back again adds the setting to the main.css. So yes, appears to be a small glitch...Thanks everyone !
Bootstrap 5 CSS Grid.
User 244626 Photo


Registered User
811 posts

Its kind of strange that "Black Magic" logic does not work for the focus setting also. In order to remove the underline for the focus setting also I only changed the Type State Regular for Decoration to something else and back again to none which removed all underlines for hover and focus....which is what I want for Tabs.
Bootstrap 5 CSS Grid.
User 2990385 Photo


Registered User
1 post

just confirming this glitch still exists

showing as none

changing to underline and back to none is the fix
User 122279 Photo


Senior Advisor
14,198 posts

Please be aware that Bootstrap Builder as a separate program has not been updated since 2018. It is now a part of Site Designer.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.