We have to override the luma theme stylings of the category page,we have applied pearl theme on top of it.And we are extending same for custom child theme.

How can i override the default luma css for it?

2 Answers 2


To override the functionality you just need to copy and paste that less file in web/css ( following module directory structure,like Magento_Catalog/web/css/ ) folder and make changes what you want.

Then you need to deploy static content.


Add a new custom css in :


.your-css {

You declare your new-style.css in :


<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
        <css src="css/new-style.css" />

Don't forget to clean static-content, and cache.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.