How to Hide the Dispatch Date on the Order Confirmation Page Using CSS

In some cases, customers may want to remove certain information, such as the "Dispatch By" date, from the order confirmation screen. One way to achieve this is by using CSS to hide the specific element on the storefront.

Here’s how to do it:

Method: Hiding the Dispatch Date Using CSS

To hide the dispatch date, you can apply a simple CSS rule. Here is the snippet you'll need:

This CSS code will hide the "Dispatch By" date on the order confirmation page. You can add this code to the CSS Override section of your storefront settings.

How to Apply the CSS:

1. Log into your Admin Dashboard.
2. Locate the CSS Override section.
3. Add the CSS snippet above to your CSS file, following the instructions in https://academy.infigo.net/p/2089
4. Save the changes and refresh your storefront to see the changes take effect.

Important Notes:

• This method works well for removing the date without affecting other parts of your site.
• However, hiding elements using CSS is often a temporary solution. In many cases, core settings might allow you to achieve the same result more efficiently.
• If you need to suppress the dispatch date or other elements on a permanent basis, it’s recommended to consult the Infigo Academy or get in touch with Customer Support. They can help you explore alternate methods, such as setting delivery restrictions or adjusting product configurations, which may be more appropriate for your needs.

Customer Support with CSS:

Please note, as per our support contract, our Customer Support team are not able to assist with the writing of or troubleshooting of custom CSS. There is a wealth of internet resources available on this topic.

If required, Infigo have a professional services team who specialise in designing Infigo sites (this is a chargable service).