(UPDATE/EDIT): This is only happening when I connect a Text Block or RTE as a property within the component. If there a way to separately control the style of elements when connected a property?
I have created a card component on my site (see Awards section) but when a text link is added (using the editor) it appears as a button instead of a text link. I’ve tried using a paragraph block as well as a RTB but the same thing happens. It appears to occur when a URL is provided for the link (you can see the links in the left and right blocks are not buttons but they have no URL specified).
I have a text/in-line link style created and in use (see the link on the hompeage under “Solutions for Everyone” section).
In Webflow, buttons and text links share similar underlying HTML elements, but their default styling is what makes them appear different. By default, buttons come with a blue background color, white text, no underline, and internal padding.
To ensure your links appear as standard text links instead of buttons, you can modify their styling using the All links selector:
Select any link element on your page
Open the Style panel
Click the Selector field
Choose HTML tags > All links
Adjust the styling properties (such as removing background color, changing text color, and adding underline) to match your desired text link appearance
These styling changes will apply to all link elements across your site, including buttons, link blocks, and nav links.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Unfortuntely this doesn’t fix the issue. I already have styled the All Links tag (see first screen shot showing a link with All Links in the Selector). My guess is it’s somehow related to the fact it’s embedded in a component. See the second screenshot: I’ve tried both a paragraph and a RTB but whenever a link has a URL added it changes to a button.
Hey @2X16 , I had the same happening to me today with a client’s website. It also happened with a rich text field inside of a component. Some inline a tags received the .w-button class from the Webflow base css while others did not. No special selection was made by the client to apply this or not.
What I did to fix this is add the css to my css component:
This makes the default styling of .w-button invisible and take on the styling I have applied to all of my a tags. However it does not make my intentional buttons of .new-button who automatically receive the .w-button class lose their .new-button styling.
Let me know if you need further explanations or help. I don’t mind assisting you specifically for your website.
