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 #2884886
CSS for custom landing page
Closed

Comments

  • Monika Wood started the conversation
    October 1, 2021 at 8:03am

    Hi,

    we are setting up a landing page, where we want to give customers an option to sign up for an event. The landing page has a different color scheme as the rest of the site.


    Would it be possible to get an overview of the css classes you guys used so we can make changes for this one page?


    Many thanks!

  • [deleted] replied
    October 1, 2021 at 10:43am

    Hi Monika

    Thank you for reaching out to us.

    We don't have a specific documentation for this but I can explain how to find and copy the selectors you need to use to customize something.

    Right-click on the part you wish to hide 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