#New feature

Hi gmarez8, I added fields for all wrappers in 'Elements additional classes' fieldset:

You can update module and use bootstrap classes for the wrappers:
https://www.drupal.org/project/ept_hero/releases/1.4.6 →

I see what you mean, usually on commercial project, I use different predefined variants. I create predefined styles and separate them with View Modes, then you need to create own template for each view mode with all needed classes. It's possible to choose view mode and edit page using Paragraph View Mode or Paragraphs View Modes modules:
https://www.drupal.org/project/paragraph_view_mode →
https://www.drupal.org/project/paragraphs_viewmode →

Here is article about overriding EPT templates:
https://www.drupal.org/project/ept_slideshow/issues/3406887 💬 How to override slideshow item template file? Needs review

Then you don't need to select 15 classes on edit form and select only Variant (predefined View Mode). It looks harder to implement and create content. But if you will see from Content Editor perspective, it's easier to select Variant instead of remembering Bootstrap Grid classes. It's easier to switch from Bootstrap to Tailwind or own Desing System when all classses are stored in templates than go through all pages and change classes manually.

In the case you have only 20-30 pages and you need to create dozens of these sites quickly and you will create pages by yourself. This approach with fields for all elements will work. I agree it's worth it then. OK, let's try to achieve this. I will add collapsed fieldset with textfields for additional classes and pass them in the template:

    <div class="bg-inner {{ bg_inner_classes }}"></div>
    <div class="ept-container {{ ept_container_classes }}">

Hi Lev,

It looks like Fences only gives the option to wrap fields in the drupal config side. This would not seem to give the flexibility that I would like. For example, using the EPT hero, one page might have a dark themed hero, another might have light, or even bootstrap theme colors. If there was a class field in the page editor we could simply apply these styles with classes. or a custom select field that we could populate these values would be good.

Drowl requires Radix. I am using Barrio Bootstrap.

The bootstrap button is not implemented in EPT Hero.

Thank you

Feel free to re-open this ticket if will need any help with extending Field Widget.

Hi gmarez8, you can install Fences module:
https://www.drupal.org/project/fences →
It allows to add additional classes for all fields wrappers.

I have additional module for Bootstrap Buttons:
https://www.drupal.org/project/ept_bootstrap_button →

Here is a bunch of Bootstrap Paragraphs:
https://www.drupal.org/project/drowl_paragraphs_bs →

I'm not sure what exactly you want to do with additional classes. All EPT paragraphs has or can have Additional Classes setting. It's possible to extend Field Widget for EPT Settings field and add any number of additional fields. But then it will look too messy for editors.

If you could specify what exactly want to extand with classes (First, Second buttons) then I will extend Hero Field Widget for EPT settings field.