Blog, Website & Page Publishing

SaravCrespo
Participant

Airfleet - event page form

Hi! 

 

I'm trying add new fields to a newly created form, but when i had it to the landing page, it does not get formatted correctly. 

 

Even though i add to the code new lines to get formatted, it's not adapting correctly. 

SaravCrespo_0-1658933499285.png

SaravCrespo_24-1658933558413.png

 

thanks for the help in advance. 

 

 

 

0 Upvotes
7 Replies 7
SaravCrespo
Participant

Airfleet - event page form

0 Upvotes
LMeert
Guide | Platinum Partner
Guide | Platinum Partner

Airfleet - event page form

@SaravCrespo,

 

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.

This fun little game should help you out tremendously.

 

 

Now to your problem, here's an extract of the code for the "sesion" field :

LMeert_0-1659003036215.png

 

Let's say you want to remove the bullet points, you'll have to target the list and then apply the rule "list-style-type:none" to get rid of them.

 

The list is in a div that is in a div whose classes contain hs_sesion and hs-sesion, so here's one way of targetting it :

.hs-sesion div ul {
     list-style-type: none;
}

 

If you want to remove all bullet points from all lists within the form, you can also do this :

.hs-form ul {
     list-style-type : none;
}

 

Hope this helps !
If it does, please consider marking this answer as a solution 🙂

 

Best,

Ludwig

Agence Mi4 - Data DrivenCTO @ Mi4
Hubspot Platinum Partner and Integration Expert

Passionate human, very curious about everything data and automation.

Any problem with Hubspot you need help solving ?

Let me know !

TiphaineCuisset
Community Manager
Community Manager

Airfleet - event page form

Hi @SaravCrespo 

 

Thank you for reaching out.

 

I want to tag some of our experts here - @LMeert @Jake_Lett @Oezcan do you have any suggestion for @SaravCrespo on this? 

 

Thank you!

Best

Tiphaine


Saviez vous que la Communauté est disponible en français?
Rejoignez les discussions francophones en changeant votre langue dans les paramètres !

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


LMeert
Guide | Platinum Partner
Guide | Platinum Partner

Airfleet - event page form

Hi @TiphaineCuisset , @SaravCrespo,

 

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

Agence Mi4 - Data DrivenCTO @ Mi4
Hubspot Platinum Partner and Integration Expert

Passionate human, very curious about everything data and automation.

Any problem with Hubspot you need help solving ?

Let me know !

SaravCrespo
Participant

Airfleet - event page form

Hi Ludwig, 

thanks for the help. 

 

It didn't apply correctly. 

 

this is the design manager: https://app.hubspot.com/design-manager/3348738/code/80310445837

and the LP: https://app.hubspot.com/content/3348738/edit/80302509467/content

 

thanks

0 Upvotes
LMeert
Guide | Platinum Partner
Guide | Platinum Partner

Airfleet - event page form

@SaravCrespo,

 

I can't access your HubSpot instance, you'll need to send me the page url, not the url of the editor.

Agence Mi4 - Data DrivenCTO @ Mi4
Hubspot Platinum Partner and Integration Expert

Passionate human, very curious about everything data and automation.

Any problem with Hubspot you need help solving ?

Let me know !

0 Upvotes
SaravCrespo
Participant

Airfleet - event page form

0 Upvotes