CE Phoenix Cart Forum

I'm trying to remove the borders from around the Pi modules.

I've tried using border-0, inline CSS and .pi-model {border-style: none;} in user.css with no avail.

I've also cleared cache.

Thank you.

Use Dev Tools to identify the element that has the border set - https://phoenixcart.org/phoenixcartwiki ... and_Colour

E.g. using Dev Tools to select elements, it can be seen that the Model (Layout Module) has
div class="col-sm-12 pi-model mb-2" parent element
no border set on that

then ul class="list-group" is the first child element
no border set on that

then li class="list-group-item d-flex justify-content-between align-items-center" is the next child element
it can be seen that border: is set on the list-group-item class

Target that class with that css accordingly - https://www.w3schools.com/cssref/css_selectors.php

A detailed tutorial is available in the PRO VIP Forum - available to PRO VIP Members - Level Up, Go PRO