Community forum for knowledge and support

Updated last month

Troubleshooting Radio Button Display Issues in Webflow

At a glance

A community member imported a form from Relume into Webflow, but the radio buttons do not show when selected. They have also noticed that some styles have been duplicated in the paste operation. The community members discuss the issue, with one suggesting the community member send a read-only link to the project. The community members then identify another issue with the dropdown arrow, where Webflow's default arrow is being displayed in addition to the one provided by Relume. After testing the published URL, the community members determine that the radio buttons work as expected, but the dropdown is still an issue, with some conflicts in the form outlines. One community member recommends the original poster clone the Webflow style guide and start over, as they may have retrofitted the style guide into the project instead, which could lead to more issues down the line.

Useful resources

Hi all! I have imported a form from relume into webflow, and radio buttons does not show when it is selected. Where do i locate the issue? Note: I have imported the relume template and style guides. But some styles seems to have been duplicated in the paste operation.

M
C
11 comments

@Chris Haaland Would you mind sending a read-only link?

Hey Matt. Sorry for the late response and thank you for reaching out! Here is the link. It is very much under construction :) https://preview.webflow.com/preview/lokalkapital-jaren?utm_medium=preview_link&utm_sou[…]97bdc13f5a&pageId=6793899ad4c247e12e4829b4&workflow=preview

Btw. there is another issue I have not looked into, but relume provides an arrow icon for the dropdown, and also webflow doubles it with their own default.

@Chris Haaland yeah the webflow default dropdown arrow should go away on publish.

Looking into the other issue now

@Chris Haaland you mind sending me the published URL as well?

I'm pretty sure these radio buttons will work fine on the published URL

Great! The radio buttons work as expected. But the dropdown is not so fine. Here is the test-page: https://lokalkapital-jaren.webflow.io/kontakt

I can see there are some conflicts with the styles regarding the form outlines, but I can manage/style those.

@Chris Haaland yeah it looks like you may have retrofitted the style guide into this project instead of simply cloning the webflow style guide. It looks like the custom code that we would have in this style guide is not in there.

Being that you are what appears to be early into the project, I would highly recommend cloning the style guide and starting over which I'm sure is not what you want to hear but you'll run into quite a few issues if you don't. Way more headache than starting over.

It also appears as though the "Global Styles" component has been deleted as well which has a whole other set of custom CSS as well.

Here is the custom CSS that should be in the <head> in Webflow site settings > custom code<br /><pre><!-- Keep this css code to improve the font quality--> <style> * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -o-font-smoothing: antialiased; -webkit-appearance:none; } </style></pre>

Yeah! I tried to avoid that matter since this project is an old one, but needs to be updated little by little. Then again its not a big project, so maybe I'll take your word and redo everything. Thank you for helping out.

Yeah got it. Yeah variables and pasting in future components will become a real hassle.

Add a reply
Sign up and join the conversation on Slack