As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

Okay
  Public Ticket #2794506
Add classes to your output
Closed

Comments

  •  12
    Laurence started the conversation
    June 4, 2021 at 3:39pm

    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!

  • [deleted] replied
    June 7, 2021 at 11:41am

    Hi again, Laurence,

    I replied to the other ticket that you have.

    Hope that will resolve the issue.

    Best Regards. 


  •  12
    Laurence replied
    June 7, 2021 at 1:31pm

    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>
  • [deleted] replied
    June 7, 2021 at 9:46pm

    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.