We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #2890804
Change the search field CSS
Closed

Comments

  • Warzone_Loadout started the conversation
    October 9, 2021 at 8:51am

    Hello, 

    I would like to customize the search field for the weapon collumn on the main table on the page: 

    https://warzoneloadout.games/

    Currrently it's grey and not really good with the overall rest of the website UI. 

    7590502122.png

    Do you know how i could add CSS to this Search component and customize Colors, Font, etc.? Mabye even the text label but not a priority. 

    Sincerely, 

    Alex


  • [deleted] replied
    October 12, 2021 at 2:43pm

    Hi Alex

    Thank you for reaching out to us.

    All available modifications you can find in the customize tab of the table but if what you are trying to acieve is not possible with the builtin features you will have to modify it with CSS.

    I'm afraid writing custom CSS is not included in the provided support but 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 modify and inspect the element:

    1262040153.png

    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:

    4176821730.png

    Paste that selector, and add "display: none !important;", like this for example if you want to hide something, different code would be applied if you want to change the color of course

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

    So, now Extras field is hidden:

    9020166499.png

    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