Community forum for knowledge and support

Updated 3 weeks ago

Troubleshooting Radio Button Display Issues in Webflow

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