Перейти к содержанию
akseniya

Изменить размер шапки сайта

Рекомендуемые сообщения

Прошу не бросаться тапками, возможно вопрос элементарный, но столкнулась с проблемой- нужно изменить размер шапки сайта. Перелопатила весь СSS файл - так и не нашла, что можно изменить. Ссылка на сайт-http://www.babi-land.com.ua.

Заранее спасибо.

post-683062-0-83449900-1434283427_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

У вас просто маленький размер фонового изображения. Сделайте фоновую заливку таким же цветом, как и край изображения. Стили, которые за это отвечают, у вас находятся прямо на странице (скорее всего в файле common/template.tpl).

s_1434285096_2579819_d26252c2db.png

s_1434285127_2479874_6a6f43bc40.png

Если я правильно понял вашу проблему, конечно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

dell

Изменено пользователем koreshok

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

У вас просто маленький размер фонового изображения. Сделайте фоновую заливку таким же цветом, как и край изображения. Стили, которые за это отвечают, у вас находятся прямо на странице (скорее всего в файле common/template.tpl).

s_1434285096_2579819_d26252c2db.png

s_1434285127_2479874_6a6f43bc40.png

Если я правильно понял вашу проблему, конечно.

Я имела ввиду- как можно увеличить высоту шапки- потому как отображается не все изображение, а лишь его часть. Высота блока во вложенном файле.

post-683062-0-08520000-1434289365_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Добавьте свойство height или min-height для правила #header. Например, если у вас высота фонового изображения 250 пикселей, то за вычетом внутреннего верхнего (10 пикс.) и нижнего (12 пикс.) отступов (padding), нужна высота 228 пикс. Я бы сделал так:

#header {
    background-color: #ffffff;
    background-image: url("image/data/shorty/33.png");
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 228px;
}
Изменено пользователем ZeroHero

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ZeroHero

афтар жжот, пиши исчо...

 

 

akseniya

http://joxi.ru/RmzzJBQfDw1QmO

исправить: в catalog/view/theme/bt_babystore/stylesheet/stylesheet.css

со строки 291
заменить 

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
overflow:hidden;
min-width:1180px <--- корень зла тут 
}

на 

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
overflow:hidden;
max-width:1180px
}

получим ровненькое 
http://joxi.ru/ZrJpPBjF8DVg2j
 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

Добавьте свойство height или min-height для правила #header. Например, если у вас высота фонового изображения 250 пикселей, то за вычетом внутреннего верхнего (10 пикс.) и нижнего (12 пикс.) отступов (padding), нужна высота 228 пикс. Я бы сделал так:

#header {
    background-color: #ffffff;
    background-image: url("image/data/shorty/33.png");
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 228px;
}

спасибо большое, это как раз то, что нужно. Только вот в каком файле находится это правило, в stylesheet.css нет.....

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Посмотрите в catalog/view/theme/bt_babystore/template/common/header.tpl, возможно, оно там, так как выводится прямо на страницу.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Посмотрите в catalog/view/theme/bt_babystore/template/common/header.tpl, возможно, оно там, так как выводится прямо на страницу.

Вот ниже код файла catalog/view/theme/bt_babystore/template/common/header.tpl -

 

 

 

<!DOCTYPE html>

<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">

<head>

<meta charset="UTF-8" />

<title><?php echo $title; ?></title>

<base href="<?php echo $base; ?>" />

<?php if ($description) { ?>

<meta name="description" content="<?php echo $description; ?>" />

<?php } ?>

<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">

<?php if ($keywords) { ?>

<meta name="keywords" content="<?php echo $keywords; ?>" />

<?php } ?>

<?php if ($icon) { ?>

<link href="<?php echo $icon; ?>" rel="icon" />

<?php } ?>

<?php foreach ($links as $link) { ?>

<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />

<?php } ?>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/stylesheet.css" />

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/boss_menu.css" />

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/1200.css" />

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/boss_add_cart.css" />

<?php if ($this->config->get('b_General_Respon')) { ?>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/responsive.css" />

<?php } ?>

<?php foreach ($styles as $style) { ?>

<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />

<?php } ?>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/unsemantic-grid-responsive-tablet.css" />

<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>

<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />

<script type="text/javascript" src="catalog/view/javascript/bossthemes/getwidthbrowser.js"></script>

<script type="text/javascript" src="catalog/view/javascript/common.js"></script>

<script type="text/javascript" src="catalog/view/javascript/bossthemes/bossthemes.js"></script>

<script type="text/javascript" src="catalog/view/javascript/bossthemes/notify.js"></script>

<script type="text/javascript" src="catalog/view/javascript/bossthemes/jquery.selectbox-0.2.js"></script>

<?php foreach ($scripts as $script) { ?>

<script type="text/javascript" src="<?php echo $script; ?>"></script>

<?php } ?>

<script type="text/javascript">

$(document).ready(function() {

    $(".boss_select").selectbox();

});

</script>

<!--[if IE 8]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie8.css" />

<![endif]-->

<!--[if IE 9]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie9.css" />

<![endif]-->

<!--[if IE 10]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie10.css" />

<![endif]-->

<!--[if IE 7]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie7.css" />

<![endif]-->

<!--[if lt IE 7]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie6.css" />

<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>

<script type="text/javascript">

DD_belatedPNG.fix('#logo img');

</script>

<![endif]-->

<?php if ($stores) { ?>

<script type="text/javascript"><!--

$(document).ready(function() {

<?php foreach ($stores as $store) { ?>

$('body').prepend('<iframe src="<?php echo $store; ?>" style="display: none;"></iframe>');

<?php } ?>

});

//--></script>

<?php } ?>

<?php /******************THEME FONTS SETTINGS*********************/ ?>

<?php include "catalog/view/theme/bt_babystore/template/bossthemes/Boss_font_setting.php"; ?>

<?php /********************THEME COLOR SETTINGS******************/ ?>

<?php include "catalog/view/theme/bt_babystore/template/bossthemes/Boss_color_setting.php";?>

<?php echo $google_analytics; ?>

</head>

<?php

$array = (explode('/',$_SERVER['REQUEST_URI']));

$end = end($array);

if($end == "index.php" || $end == "home" || $end == ""){

$home_page='home_page';

}else{

$home_page="other_page";

}

?>

<body class="<?php echo $home_page; ?>">

<?php

$b_Mode_CSS = $this->config->get('b_Mode_CSS');

if(!isset($b_Mode_CSS)){

    $b_Mode_CSS ="wide";

}

?>

<div id="container" class="<?php echo $b_Mode_CSS; ?>">

<div id="header">

<div class="container_24">

<div class="grid_24 omega alpha">

  <div id="welcome">

    <?php if (!$logged) { ?>

    <?php echo $text_welcome; ?>

    <?php } else { ?>

    <?php echo $text_logged; ?>

    <?php } ?>

  </div>

  <?php echo $currency; ?>

  <?php echo $language; ?>

  <div class="clear"></div>

  <?php if ($logo) { ?>

  <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>

  <?php } ?>

   <?php echo $cart; ?>

  <!--div id="search">

    <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />

    <div class="button-search"><?php echo $text_search; ?></div>

  </div-->

</div>

</div>

</div>

<?php if(isset($boss_editorthemes)){echo $boss_editorthemes; } ?>

<div class="boss_menu">

<div class="container_24<?php if ($this->config->get('b_General_Respon')) { echo ' hide-on-mobile'; } ?>">

<?php if ($this->config->get('b_General_Menu')) { ?>

<?php if(isset($boss_megamenu)){ echo $boss_megamenu; } ?>

<?php }else{ ?>

<?php if ($categories) { ?>

    <div id="menu">

      <ul>

        <?php foreach ($categories as $category) { ?>

        <li <?php if(count($category['children'])>0){echo 'class="dropdown-arrow"'; }?>><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

          <?php if ($category['children']) { ?>

          <div>

              <div>

                <?php for ($i = 0; $i < count($category['children']);) { ?>

                <ul>

                  <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

                  <?php for (; $i < $j; $i++) { ?>

                  <?php if (isset($category['children'][$i])) { ?>

                  <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

                  <?php } ?>

                  <?php } ?>

                </ul>

                <?php } ?>

              </div>

          </div>

          <?php } ?>

        </li>

        <?php } ?>

      </ul>

    </div>

<?php } ?>

<?php } ?>

</div>

</div>

<div id="megamenu-responsive" class="<?php if (!$this->config->get('b_General_Respon')) { echo ' hide-on-mobile'; } ?>  hide-on-desktop" >

    <ul id="megamenu-responsive-root">

        <li class="menu-toggle"><div class="container_24"><p></p>Navigation</div></li>

        <li class="root">

            <ul>

            <?php foreach ($categories as $category) { ?>

                <li <?php if ($category['children']) echo 'class="parent"'; ?>><div class="container_24"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

                  <?php if ($category['children']) { ?>

                    <?php for ($i = 0; $i < count($category['children']);) { ?>

                    <ul>

                      <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

                      <?php for (; $i < $j; $i++) { ?>

                      <?php if (isset($category['children'][$i])) { ?>

                      <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

                      <?php } ?>

                      <?php } ?>

                    </ul>

                    <?php } ?>

                  <?php } ?></div>

                </li>

            <?php } ?>

                <li><div class="container_24"><a href="index.php?route=bossblog/bossblog">Blog</a></div></li>

            </ul>

        </li>

    </ul>

</div>

<script type="text/javascript">

    /*Pc responsive*/

        $('document').ready(function(){

            $('#megamenu-responsive-root li.parent div.container_24').prepend('<p class="open">+</p>');

            $('.menu-toggle').click(function(){

                $('.root').toggleClass('open');

            });

            $('#megamenu-responsive-root li.parent div.container_24 > p').click(function(){

                if ($(this).text() == '+'){

                    $(this).parent('.container_24').children('ul').slideDown(300);

                    $(this).text('-');

                }else{

                    $(this).parent('.container_24').children('ul').slideUp(300);

                    $(this).text('+');

                }

            });

        });

    /*$('document').ready(function(){

            iconClickIpad();

        });*/

</script>

<?php /********************Block Header Top******************/ ?>

<?php include "catalog/view/theme/bt_babystore/template/bossthemes/Boss_header_top.php";?>

<?php if ($error) { ?>

    <div class="warning"><?php echo $error ?><img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>

<?php } ?>

<div class="container_24 page">

<div id="notification"></div>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Смотрите файл catalog/view/theme/bt_babystore/template/bossthemes/Boss_color_setting.php.

З.Ы. Такие больше куски текста лучше прятать под спойлер.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Смотрите файл catalog/view/theme/bt_babystore/template/bossthemes/Boss_color_setting.php.

З.Ы. Такие больше куски текста лучше прятать под спойлер.

Сорри, со спойлером натупила))) Посмотрела и этот файл, уже не рада, что взялась за этот шаблон)код ниже, help!!!)

$b_Color_Data = array();

$b_Color_Data = $this->config->get('b_Color_Data');

?>

?>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

ZeroHero

 

akseniya

http://joxi.ru/RmzzJBQfDw1QmO

исправить: в catalog/view/theme/bt_babystore/stylesheet/stylesheet.css

со строки 291

заменить 

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
overflow:hidden;
min-width:1180px <--- корень зла тут 
}

на 

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
overflow:hidden;
max-width:1180px
}

получим ровненькое 

http://joxi.ru/ZrJpPBjF8DVg2j

 

 

Спасибо, исправила - теперь ровненько все

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Сорри, со спойлером натупила))) Посмотрела и этот файл, уже не рада, что взялась за этот шаблон)код ниже, help!!!)

$b_Color_Data = array();

$b_Color_Data = $this->config->get('b_Color_Data');

?>

?>

Вы уверены, что в этом файле всего 4 строчки кода? Может быть, вы не всё скопировали?

В любом случае, чтобы не мучиться, вы можете просто дописать в style.css

#header {
    min-height: 228px;
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

Вы уверены, что в этом файле всего 4 строчки кода? Может быть, вы не всё скопировали?

В любом случае, чтобы не мучиться, вы можете просто дописать в style.css

#header {
    min-height: 228px;
}

спасибо, действительно- так проще всего)))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Здравствуйте. Подскажите пожалуйста, а то устал уже "танцевать с бубном". Установил модуль - out-of-stock-button-152---v156, который должен отображать товары остаток которых - 0, как нет в наличии. На дефолтном шаблоне все работает, на этом ничего не могу сделать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.