I have a weird styling issue that I cannot seem to fix. I have some blue lines on my form. I have tried to remove them with CSS in five different ways, but I can’t seem to find the solution.
Bonus question: After I click an image, I would like it to stay highlighted. How can I do that?
Thank you for your help!
Hi Jensen,
Since you’re using the form background color, I couldn’t remove the blue line without also removing the background color from the bottom Name and Email fields.
However, you can use the following CSS code to add a 2px border that makes an image look selected when clicked.
#gform_1 .image-choices-field .image-choices-choice-selected {
border: 2px solid #e5e5e5 !important;
}
Give it a try, and let me know how that goes!
Thank you for the insights. That did not work. I don’t even know where the colored background is coming from. It is not from the theme and I don’t see it in Gravity Forms.
Hi again,
The code should be working fine. Did you add it to the child theme’s style.css file or as custom CSS? The background color might be set in the Divi theme’s Shortcode/Code module settings. Please check the module settings to make the changes.
You can also export the form, upload it to a file-sharing website, and share the link so I can try to reproduce the issue on my end.
