Please please please can you add classes to certain outputs in your code. I need to hide duration in the table, but you haven't even added any class or ID to the row to target! I have decided to hide the entire .am-service-info table because I cant hide specific rows.
I've had quite a tough time trying to customise Amelia to how it needs to be, there is not much support for custom code via hooks or classes to target.
Thanks, but no this is its own issue. This is about your HTML output is not using classes to identify the data, so we cant target them to change styling. For example, you have this HTML, and I want to hide or change styling of Duration row. I cant target it, you have class="el-row" which is used on multiple rows. Ideally your code should be class="el-row duration-row" or something, so we can target it.
Actually, we will add a new Customize feature to the next update, and most probably it will include customizable booking forms as well. But however I will forward your request to our developers.
Please please please can you add classes to certain outputs in your code. I need to hide duration in the table, but you haven't even added any class or ID to the row to target! I have decided to hide the entire .am-service-info table because I cant hide specific rows.
I've had quite a tough time trying to customise Amelia to how it needs to be, there is not much support for custom code via hooks or classes to target.
Thanks!
Hi again, Laurence,
I replied to the other ticket that you have.
Hope that will resolve the issue.
Best Regards.
Thanks, but no this is its own issue. This is about your HTML output is not using classes to identify the data, so we cant target them to change styling. For example, you have this HTML, and I want to hide or change styling of Duration row. I cant target it, you have class="el-row" which is used on multiple rows. Ideally your code should be class="el-row duration-row" or something, so we can target it.
<div class="am-service-info"> <div class="el-row" style="margin-left: -16px; margin-right: -16px;"> <div class="am-service-info-column el-col el-col-24 el-col-sm-12" style="padding-left: 16px; padding-right: 16px;"> <h3>Service Info</h3> <div class="el-row" style="margin-left: -6px; margin-right: -6px;"> <div class="el-col el-col-12" style="padding-left: 6px; padding-right: 6px;">Category:</div> <div class="am-align-right el-col el-col-12" style="padding-left: 6px; padding-right: 6px;"> <div class="am-category-url">Afternoon Teas</div> </div> </div> <div class="el-row" style="margin-left: -6px; margin-right: -6px;"> <div class="el-col el-col-12" style="padding-left: 6px; padding-right: 6px;">Duration:</div> <div class="am-align-right el-col el-col-12" style="padding-left: 6px; padding-right: 6px;"> 5min</div> </div> <div class="el-row" style="margin-left: -6px; margin-right: -6px;"> <div class="el-col el-col-12" style="padding-left: 6px; padding-right: 6px;">Capacity:</div> <div class="am-align-right el-col el-col-12" style="padding-left: 6px; padding-right: 6px;">1</div> </div> </div> <div class="am-service-info-column el-col el-col-24 el-col-sm-12" style="padding-left: 16px; padding-right: 16px;"> <div class="am-service-providers"> <h3>Employees</h3> <div class="am-service-provider"><img src="https://via.placeholder.com/120/6AB76C/fff?text=AT" alt="Afternoon Tea"> Afternoon Tea</div> </div> </div> </div> </div>Laurence,
I see, thank you for the clarification.
Actually, we will add a new Customize feature to the next update, and most probably it will include customizable booking forms as well. But however I will forward your request to our developers.
Best Regards.