O'Reilly logo

OpenCart Theme and Module Development by Rupak Nepali

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Changing the CSS for the checkout steps

We will now change the style of the checkout steps, as shown in this screenshot:

Changing the CSS for the checkout steps

We inspect the element, as shown in the following screenshot, and change the CSS as per our requirement:

Changing the CSS for the checkout steps

Add the following CSS to the end of catalog/view/theme/packttheme/stylesheet/stylesheet.css and refresh the checkout steps. You will see the changes. You can see the canceled portion of CSS from bootstrap.min.css, which means that the bootstrap.min.css class is overridden by the stylesheet.css class:

.panel-default>.panel-heading ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required