Okay
  Public Ticket #2885578
Not show all details in checkout
Closed

Comments

  •  2
    Yvette started the conversation

    Hi Amelia,

    Kindly advice how to hide some details of the order at checkout (see attachment with red to be hidden)

    FYI: In this example the following product was used (is using both Amelia and WooCommerce at WP product pages):

    https://www.kursiseo.no/produkt/seo-kurs-3xcoaching/


    Kind regards,

    Yvette Boye



  • [deleted] replied

    Hi Yvette,

    thank you for reaching out to ussmile.png

    This part belongs to WooCommerce, so it cannot be customized with Amelia settings; but, if you wish we can hide these with custom CSS, would that be suitable?smile.png

  •  2
    Yvette replied

    Hi Ivana,

    Noted, with thanks.

    Yes:) Would truly appreciate advice regarding how to hide these with custom CSS.

    Kind regards,

    Yvette Boye



  • [deleted] replied

    Hi Yvette

    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:

    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

    #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