Hi Cheying

Thank you for reaching out to us.

Unfortunately this cannot be achieved using the plugin's builtin features.

I'll kindly ask you to add it as a feature suggestion on this page. 

Features are pushed up on our "to-do" list when there are a lot of customers requesting those features, so having your vote as a customer can be beneficial to this feature being developed sooner.

I can explain how to find and copy the selectors you need to use to hide something.

Right-click on the part you wish to hide and inspect the element:

Then, when you hover over the code, that section will be highlighted in the modal. Right-click on the code that highlights the entire div, and go to copy/copy selector:

Paste that selector, and add "display: none !important;", like this for example if you want to hide something

#tab-extras {
display: none !important;
}

So, now Extras field is hidden:

Certain selectors can't be combined, so if it doesn't work when you separate them with a coma, simply add another selector below }

If this doesn't help either, we can recommend these services for customization

https://codeable.io/?ref=l1TW1

https://wpkraken.io/?tms-plugins

Hi Cheying,

Currently, there is no such feature built-in in Amelia, nad you do not need any custom CSS.

If you do not want extras to be shown and offered you can just disable them one Amelia/service/edit service

When you delete them there then of course it will not be shown on the front and when you need them again you can easily set them again in the same place.

If you have any more questions please feel free to open another ticket.

Hi Cheying,

We are sending you the CSS:

#el-collapse-content-2396 > div > div.am-book-step1 > div:nth-child(1) {
display: none;
}

We advise you to switch to the Catalog or Step-by-Step form because in them you can hide both Extras and Employees, and Services through Amelia / Customize.

If you have any more questions please feel free to open another ticket.

Hi Cheying,

Please try using this CSS:

div.am-book-step1 > div:nth-child(1) {    display: none !important;
}

As for your additional question - we develop new features one at a time. If we were to wait to develop the customize options for all sections, and every form at once, the Customize section would be delayed for 6 months. Thankfully, this is a plugin, not a cake, so you can still use it even if it doesn't include all features you may want to see at a certain point, while you can't eat a cake until it's fully baked

This is why we have updates, so a new update covers the "Step-by-Step" form, another update covers the "Catalog" form, another update covers the "Events list" form, and so on. The "Search" form is rarely being used, and that's why it's the last one that's going to include any customization options. Also, it has a completely different logic from the other forms, so it's a bit more difficult to develop.

If you have any more questions please feel free to open another ticket.

Hello Cheying,

Thank you for purchasing our product, and for reaching out to us.

1. If you add or remove something, the code changes. So it is no longer child (1) but either child (2) or child (3) etc. Unfortunately, we can't change the CSS every time you change something we hope you understand. 

Please try changing the number in brackets and at some point, it will work again.

2. It is probably related to the first question please check that first and let us know.