Depending on what you want to achieve exactly, tinkering with css without knowing the basics may be too much for you to handle. I can gladly give you a solution for this, but you will encounter more roadblocks along the way and the best way to overcome that is to learn css and how to write selectors to target the elements you need to adjust.
From the screenshot you added, I see two mistakes and two potential errors :
- the css property font-family is mispelled : it's "font-family" not "fontFamily"
- if you have a look at the html generated by the form, you'll find out that type="session" does not exist, it's more likely name="sesion", so change your css selector like this :
.af-event-form .hs-action input[name="sesion"]
Two things you might also consider :
- check if the name of your field is indeed sesion and not 'session' (I noticed it's in spanish, hence one "s" instead of two in english. Update the selector accordingly.
- you may want to add another rule targetting the list of options to remove the bullet points, it's done using the following property :
[your list selector goes here] {
list-style-type : none;
}
Hope this helps ! If it does, please consider marking this answer as a solution 🙂
If you still can't figure it out, please send us the page link so we can better help you out.
Best,
Ludwig
CTO @ Mi4 Hubspot Platinum Partner and Integration Expert
Passionate human, very curious about everything data and automation.