Editing the styles.css File

The styles.css file lets you edit the style and layout of the User Portal. You can use this file to add to build on and override the style we provide for the User Portal by default.

 /* Making all buttons on the User Portal square */

.nx .btn {   
    border-radius: 0;
}

Hiding Elements with CSS

You can also use styles.css to hide specific elements on the User Portal. Hiding elements using styles.css is a two-step process.

You first need to find the ID or data component name of the element you're trying to hide on your User Portal by inspecting a page that contains the element.

We'll use the Maps section on the User Portal Bookings page as an example.

Inspect your page and find the element you're trying to hide.

In this case, the id of the Map element we want to hide is "map_link".

Once you've find your element's id or data component name, you can alter it's display through the styles.css file.

All you need to do is set the element's id display property to none and save your changes.

#map_link {
    display: none;
    }

The Map section should now no longer appear on the User Portal.