Custom CSS classes are not added to Gutenberg block

  • Resolved James Hunt

    (@bonkerz)


    4 years ago

    When inserting Hubspot Form block via Gutenberg editor, additional classes are not added to the block if they are added via block settings.

    To reproduce:
    1) Add Hubspot Form block to Gutenberg page
    2) Select block, go to Block Settings > Advanced > Additional CSS class(es)) and add any class; Save.
    3) Look on frontend and the class is not added to the .hbspt-form div or anywhere else

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • alortega

    (@alortega)

    Hello @bonkerz

    Thanks for pointing it out. We will look into this. Unfortunately we do not have an ETA at the moment on when this will be released but we let you know once it is done.

    Kind regards,
    Alvaro

    alortega

    (@alortega)

    Hello @bonkerz,

    We have been studying your case. First of all. the forms are generated inside an iframe so adding classes to the outer div won’t style the forms.

    Styling forms can be done within the forms section of the plugin if you have the professional hub.

    if what you need to style is the div that contain this iframe you could generate a new div which wraps the block and contains the class you want.

    We trust this could solve your problem.

    Kind regards,
    Alvaro

    Thread Starter James Hunt

    (@bonkerz)

    You assume I want to style the form itself, rather than controlling margin, padding and max width on the inserted form element.

    Using Gutenberg it is not easy for my users to “generate a new div which wraps the block” so this is not an option. Because no classes are added by the block this prevents any Gutenberg Block Styles being applied.

    Your reply does not solve my problem.

    alortega

    (@alortega)

    Hello @bonkerz

    I see, the use case you are exposing here is different.

    We have analysed and debug the scenario you propose here and we will release a fix for it. I do not have an ETA at the moment on when this will be released. We will inform you though when this is out.

    Since our team is already working on it, I will close this thread now but we will be happy to answer and address any other concern you may have.

    Kind regards,
    Alvaro

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom CSS classes are not added to Gutenberg block’ is closed to new replies.