Фон для статей

[silver8204]

 Фон для статей, как реализовать.

[afwollis]

google -> html background background-image

[silver8204]

Получилось вывести фон на каждой странице , а нужно только на страницах статей (о на,доставка, и т.д.), подозреваю нужно в шаблоне прописать класы ,а потом присваивать стили.Подскажите знающие люди ,может инструкция какая ? :-)

[HyperLabTeam]

подвяжите к классу который цепляется к body
Ну или оберните содержимое статьи в div со своим классом
или p эшке задайте
или ссылку скиньте

[silver8204]

Сайт на локальном ,прилагаю код из catalog/view/theme/default/tamplate/informetion/informetion.tpl

<?php echo $header; ?>

<div class="container">

  <ul class="breadcrumb">

    <?php foreach ($breadcrumbs as $breadcrumb) { ?>

    <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>

    <?php } ?>

  </ul>

  <div class="row"><?php echo $column_left; ?>

    <?php if ($column_left && $column_right) { ?>

    <?php $class = 'col-sm-6'; ?>

    <?php } elseif ($column_left || $column_right) { ?>

    <?php $class = 'col-sm-9'; ?>

    <?php } else { ?>

    <?php $class = 'col-sm-12'; ?>

    <?php } ?>

    <div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?>

      <h1><?php echo $heading_title; ?></h1>

      <?php echo $description; ?><?php echo $content_bottom; ?></div>

    <?php echo $column_right; ?></div>

</div>

<?php echo $footer; ?>

[Eldaeron]

 

Сайт на локальном ,прилагаю код из catalog/view/theme/default/tamplate/informetion/informetion.tpl

<?php echo $header; ?>

<div class="container">

 

 

 

Вот тут: 

<div class="container background-articles">

 

Дальше в стилях добавляем класс:

.background-articles {

background: url (../images/patterns/dark.png) repeat-x, repeat-y; // как пример

}

[silver8204]

исправил клас на <div class="container background-articles">  в конце файла stylesheet.css    

 .background-articles {

background: #fff ; 

}

чистил кеш, ctrl+f5  реакции ноль

[silver8204]

Делал вот так

<?php echo $header; ?>

<div class="container">

  <ul class="breadcrumb">

    <?php foreach ($breadcrumbs as $breadcrumb) { ?>

    <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>

    <?php } ?>

  </ul>

  <div class="row"><?php echo $column_left; ?>

  

   <div class="container background-articles">

   

    <?php if ($column_left && $column_right) { ?>

    <?php $class = 'col-sm-6'; ?>

    <?php } elseif ($column_left || $column_right) { ?>

    <?php $class = 'col-sm-9'; ?>

    <?php } else { ?>

    <?php $class = 'col-sm-12'; ?>

    <?php } ?>

    <div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?>

      <h1><?php echo $heading_title; ?></h1>

      <?php echo $description; ?><?php echo $content_bottom; ?></div>

    <?php echo $column_right; ?></div>

</div>

<?php echo $footer; ?>

 

Вроде все получилось если бы не но.Футер сузился. Как это исправить? 

[silver8204]

Вот скрин что получилось