Как я могу изменить стиль settings_default.css в Magneto, используя Child Theme? - PullRequest
Новая
       6

Как я могу изменить стиль settings_default.css в Magneto, используя Child Theme?

0 голосов
/ 28 октября 2018

Я работаю над дизайном страницы продукта в Magento 2 (Porto Theme).Я создал дочернюю тему, чтобы переопределить стили.Все изменения работают, но когда я пришел, чтобы изменить стиль 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.

...