如何使用子主题在Magneto中更改settings_default.css的样式？

Question

我正在Magento 2（波尔图主题）中设计产品页面。我创建了一个子主题来覆盖样式。所有更改都有效，但是当我更改settings_default.css的样式时，它不起作用。

我正在_theme.less中编写样式以覆盖。我需要更改这些位于settings_default.css中的样式：

@media (min-width: 768px) {
.page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main {
    width: 49%;
}
.page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media {
    width: 49%;
}

.page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
    width: 36.75%;
}
.page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
    width: 36.75%;
}
}

我想做的是使.product-info-main的宽度为none或55％。我正在尝试粘贴相同的样式并进行更改。

@media (min-width: 768px) {
.page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main {
    width: 49%;
}
.page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media {
    width: 49%;
}

.page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
    width: 55%;
}
.page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
    width: 36.75%;
}
}

请帮助我，我该怎么做？我对Magento经验不足。