Попытка редактирования контейнера на изделии Страницы

Я в настоящее время пытается изменить div.container на этой странице: http://honestabe.ca/ininkk/product/cant-recycle-wasted-time/Попытка редактирования контейнера на изделии Страницы

Я хотел бы для изображения продукта, чтобы быть большим в контейнере, но и там чтобы было достаточно места для виджетов боковой панели (корзина & панель поиска).

Это текущий код, который я использую в своем пользовательском CSS, и хотел бы, чтобы решение применимо только к страницам продукта, которые в настоящее время существуют и будут созданы в будущем.

.content-left.page-with-sidebar.col-sm-8.col-md-9.col-lg-8 { 
    width: 1200px; 
    height: 400px; 
} 
.content-right.col-sm-4.col-md-3.col-lg-3.col-lg-offset-1 { 
    margin: 0px; 
} 
.single.single-product.row { 
    width: 1600px; 
    height: 600px; 
} 
.single.single-product.postid-49.container { 
    width: 1600px; 
    margin: 20px; 
}

Если кто-то может помочь, это было бы здорово. Заранее спасибо!

источник

2016-06-20 AbrahamLN

Wordpress является отличным для применения CSS к определенным страницам, типам страниц, типам сообщений и т. Д. Он добавляет класс в тело в зависимости от того, что это такое. Вот список классов тела связанной страницы в:

<body class="single single-product postid-49 woocommerce woocommerce-page wpb-js-composer js-comp-ver-4.11.2 vc_responsive">

Если вы хотите все, что материал для применения только product страниц, я предлагаю вам изменить данный CSS к этому:

body.product .content-left.page-with-sidebar.col-sm-8.col-md-9.col-lg-8{ 
width: 1200px; 
height: 400px;} 

body.product .content-right.col-sm-4.col-md-3.col-lg-3.col-lg-offset-1{ 
margin: 0px;} 

body.product .single.single-product.row{ 
width: 1600px; 
height: 600px;} 

body.product .single.single-product.postid-49.container{ 
width: 1600px; 
margin: 20px;}

Однако я должен предупредить вас - посмотрев на эти объявления CSS, которые у вас есть, похоже, что у вас могут быть проблемы.

Например, класс.postid-49относится только к одному изделию; не все из них.

Кроме того, я думаю, что у вас будут проблемы с отзывчивостью веб-сайта, если это какая-то конкретная цель.

источник

2016-06-20 20:38:04 MassDebates

Если вы можете проверить это сейчас, вы увидите, что я использовал код, который вы мне дали, но на самом деле я только пытаюсь редактировать страницы продукта, чтобы изображение одного продукта было больше текущего. Мне было интересно, есть ли способ сделать это? Параметры, заданные в настройках woocommerce, не работали, поэтому CSS - единственный способ пойти. Именно по этой причине я возился с контейнерами. Спасибо, однако, за то, что нашли время, чтобы ответить на мой вопрос, я действительно ценю помощь! – AbrahamLN

Ваш комментарий заставляет меня поверить, что вы не поняли мой опубликованный ответ или не прочитали его достаточно тщательно. – MassDebates

Попытка редактирования контейнера на изделии Страницы

ответ

Смежные вопросы