Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

нецепляется css к div классу

нецепляется css к div классу
, by

 Здравствуйте! Темизирую ноду по вашему уроку,но никак нецепляется класс css нужный.Смотрю файрбагом в дивы обернулось все что нужно:

<div class="column-1">
<?php
  print render($content['product:title']);  
  print render($content['product:field_imgsclad']);  
  print render($content['product:commerce_price']);  
?>
</div>
<div class="column-2">
<?php
print render($content['field_taxonomy']);
print render($content['field_linksclad']); //добавить в корзину
print render($content['body']); // описаниеп товара
?>
</div>

а в css вот пишу и толку нету:

.node-vitrina.view-mode-full.column-1.
float: left;
width: 555px;
}
.node-vitrina.view-mode-full.column-2{
float: right;
text-align: right;
}

а эффекта нету....

Может ошибка в шаблоне php у меня? Php незнаю просто а в уроке невидно какой знак Вы ставите } или )

Вот кусочек кода посмотрите пожалуйста: 

  if($page) { //full node
?>

...

...

<?php
}else{ //teaser
?>

 

 Или может из-за чего то еще нецепляться CSS может? Подскажите пожалуйста,заранее Спасибо!

 

 

 

 

 

 

1 answer
votes: 1076
Answer

ой неправильно css почему то скопировался там:

 

 .node-vitrina.view-mode-full.column-1{
float: left;
width: 555px;
}

.node-vitrina.view-mode-full.column-2{
float: right;
text-align: right;
}


У вас все классы слитно написаны, это значит у одного дива должно быть все эти классы. Нужно пробел добавить:

 

.node-vitrina.view-mode-full. column-2


Огромное человеческое спасибо! Все получилось!