Removing default CSS settings issue

[Charlie.vanstee]

Hello! I am wanting to use some custom CSS to integrate some brand colors but when I toggle the “Default CSS” button off to get access to adding some CSS code, I get a vertical list of plain text numbers above my drop down choices. I’ve included an after screen shot post toggling the button. I’m not sure if they are related to the “steps” or where they are coming from?

[faisalahammad]

Hey Charlie,

Have you tried to use the CSS !important property after your custom CSS? It should be overwritten the default CSS comes from GF. So the custom CSS will look like the following:

.selector-01,
.selector-02 {
    font-size: 18px !important;
}

Give it a try, and let me know how that goes!

[chrishajer (Chris (Gravity Forms))]

Can you share a link to the page on your site where we can see the form? Thank you.

[upgradeyard (Huzaifa Ilyas)]

Hello! It seems like you’re encountering an issue with your website builder when trying to add custom CSS for integrating brand colors. When you toggle off the “Default CSS” button to access the CSS code area, you’re seeing a vertical list of plain text numbers above your drop-down choices, and you’re unsure where they are coming from.

Based on your description, these plain text numbers might be related to the “steps” or some other part of the website builder’s interface. It’s possible that the website builder has a feature that displays step numbers or labels for easier navigation, and these numbers might be accidentally showing up in the CSS code area.

Here are a few steps you can try to troubleshoot and resolve the issue:

1. Check for Hidden Elements: Make sure there are no hidden elements, such as tooltips or labels, that might be accidentally displaying in the CSS code area. Hover over the numbers to see if there’s any tooltip or hint associated with them.

2. Inspect Element: If you have access to the browser’s developer tools, you can inspect the CSS code area to see if any unwanted elements or styles are causing the issue. Right-click on the numbers and select “Inspect” (in Chrome or Firefox) to analyze the HTML and CSS associated with that area.

3. Clear Cache: Sometimes, website builders might have glitches caused by cached data. Try clearing your browser’s cache and refreshing the page to see if the issue persists.

4. Contact Support: If the problem continues to persist, consider reaching out to the website builder’s support team. They should be able to provide specific guidance and help you resolve the issue.

Lastly, if you can provide more information about the website builder you’re using or any specific CSS code you’ve attempted to add, I might be able to offer more targeted assistance.