How can I fix a CSS override issue on my tracking page?

Store Design
1

Hi,

I am having a problem showing a tracking page correctly.

I use Colissimo app for tracking and the tracking page doesn’t show correctly.

I think the theme’s CSS is ignoring the certain style that needs the tracking page. The buttons are not working either.

I would like to know how to fix it. Here is how the page looks: https://www.yvon-lambert.com/pages/suivi-colissimo?parcel_number=CB658654691FR

And it should be like this below:

Capture d’écran 2022-09-07 à 16.41.15.png
Capture d’écran 2022-09-07 à 16.41.15.png2024×1150 114 KB

I am using Craft theme.

Thank you for your help!

2

In base.css on line 602 you’ll see this

a:empty, ul:empty, dl:empty, div:empty, section:empty, article:empty, p:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
    display: none;
}

Below it put this code

div:empty {
    display: block;
}

This should fix the yellow process bar.

To fix the table put this code at the end of your base.css

#colissimo-timeline .timeline-steps-details-full table {
    border-collapse: collapse;
}