Custom CSS on page builder components

[5DJainish]

Hello there,
I am curious to know how can I apply my custom CSS to page builder components. I have tried using mmx-customization but I can only apply css to mmx-*::parts(SomePartText).
What if I want to apply CSS to a tag which doesn't have part attribute. Please advise me on below scenario.

Version: Miva Merchant 10.13.02
Component: Product Details

Under mmx-product-details, I specifically want to apply CSS on mmx-product-machine::part(product-attribute) > fieldset.mmx-form-fieldset

May be I can create new flex-component by cloning "Product Details" but if there is any way to apply CSS then it will be time saver and less complex.

Kindly help me out with this.

Thanks in advance,
Jainish

[SteveoSoule]

Hello,

Can you describe the types of style changes that you are looking to make and why? These may be better suited as page-builder properties on the Product Detail flex-component so that others can easily customize the component too.

Thanks,
Steven

[5DJainish]

Hey Steven,
Thanks for your reply.

For example, I have attributes(radio) in one product and attached images to them. Now those attributes are coming one after one, css is display:grid and I want them side by side so css will be display:flex
So basically I just want to make it display:flex

Please check below screenshots.

Current: https://www.awesomescreenshot.com/im...cd24b00b1ca106
How I need: https://www.awesomescreenshot.com/im...0d9464537f7c5f