Is there any way to add a custom "class" or "id" to the auto-generated <div> when adding a block with the squarespace page editor?

Hi!

I'm having problems when I try to style an auto-generated block with the squarespace editor (text, image, section, etc).

Squarespace translates that block into a <div> with an "id" that sometimes starts with "yui..." and sometimes with "block...". When it is "yui" every time the browser is refreshed it changes and when it is "block" it does not.

What I would like to do is to add to a block a custom "id" or "class" so that I can identify them with css and modify their style.

I have attached two images:
- screen1: How squarespace renders a block (with its id "yui" and "block").
- screen2: What I want to do. Add a custom class "myCustomClass" to the <div> parent of the generated block.

Is there any way to do this?

Thank you so much!!

1 hour ago, SergioR said:

Hi!

I'm having problems when I try to style an auto-generated block with the squarespace editor (text, image, section, etc).

Squarespace translates that block into a <div> with an "id" that sometimes starts with "yui..." and sometimes with "block...". When it is "yui" every time the browser is refreshed it changes and when it is "block" it does not.

What I would like to do is to add to a block a custom "id" or "class" so that I can identify them with css and modify their style.

I have attached two images:
- screen1: How squarespace renders a block (with its id "yui" and "block").
- screen2: What I want to do. Add a custom class "myCustomClass" to the <div> parent of the generated block.

Is there any way to do this?

 

Thank you so much!!

Use this tool to identify the id of block or section that did not change each page refresh

Chrome Web Store - Extensions (google.com)