Размер логотипа

[Bovchik1986]

Всем привет. Новичек , работаю с ocStore 2.3.0.2.3 + шаблон next defaulte

Не могу дать ладу с размером логотипа на главной странице. Химичу с размером самого изображения но ничего не получаеться. Если размер на странице устраивает , то в пикселях оно мелкое и соответственно качество плохое. Загружаешь картинку хоть 100*100 , хоть 200*200 она получаеться одного размера. Еще круглая в добавок...  если большая то справа много пустого места - некрасиво. Голову сломал. 

Может оно где то настраиваеться ? Вродебы все пересмотрел - не нахожу.

Буду рад хорошему совету. Спасибо.

[jaffagold]

Вот разметка блока логотипа

Спойлер

<div class="col-sm-3">
    <div id="logo">
        <img src="http://next-d.detaille.ru/image/catalog/next-logo.png" title="Мой Магазин" alt="Мой Магазин" class="img-responsive">
         <div class="data_name tagline"><span class="name tagline">Слоган из комментария</span></div>
    </div>
</div>

Сама картинка логотипа имеет класс img-responsive и заполняет собой все пространство блока, в котором находится.

А находится она в блоке с идентификатором logo ,

который находится она в блоке с классом col-sm-3, который занимает 1/4 часть родительского блока( подробнее тут ). В Ширина на 22-дюймовом мониторе- более 400 пикселей. То есть, блок довольно широкий

Но

для вложенного в него блока задана ширина в стилях.

#logo {

display: inline-block;

margin: -8px 0 10px;

width: 192px;

text-align: center;

}

И вдогонку, задана ширина изображения в этом блоке

#logo img, #logo a img {

width: 190px;

}

То есть, вы хоть шириной в 1000 пикселей загрузите логотип, все-равно он шире не станет.

Сначала разберитесь

 с шириной самой картинки логотипа

потом со стилями

[Bovchik1986]

1 час назад, jaffagold сказал:

Вот разметка блока логотипа

  Показать контент

<div class="col-sm-3">
    <div id="logo">
        <img src="http://next-d.detaille.ru/image/catalog/next-logo.png" title="Мой Магазин" alt="Мой Магазин" class="img-responsive">
         <div class="data_name tagline"><span class="name tagline">Слоган из комментария</span></div>
    </div>
</div>

Сама картинка логотипа имеет класс img-responsive и заполняет собой все пространство блока, в котором находится.

А находится она в блоке с идентификатором logo ,

который находится она в блоке с классом col-sm-3, который занимает 1/4 часть родительского блока( подробнее тут ). В Ширина на 22-дюймовом мониторе- более 400 пикселей. То есть, блок довольно широкий

Но

для вложенного в него блока задана ширина в стилях.

#logo {

display: inline-block;

margin: -8px 0 10px;

width: 192px;

text-align: center;

}

И вдогонку, задана ширина изображения в этом блоке

#logo img, #logo a img {

width: 190px;

}

То есть, вы хоть шириной в 1000 пикселей загрузите логотип, все-равно он шире не станет.

Сначала разберитесь

 с шириной самой картинки логотипа

потом со стилями

Спасибо Вам большое за столь подробный ответ , но честно признаться я мало что понимаю) 

Мои познания не столь глубоки и  позволяют мне только открыть указанный мне файл и внести какую нибудь правку в конкретно указанную строку. 

Где находиться эта часть кода и в каком файле по какому пути ? Какие цифры конкретно отвечают за размер логотипа ?

Просто у меня на данный момент нет цели столь глубоко осваивать движок - мне сейчас больше нужен результат

[jaffagold]

Насколько я понял, это только начало в списке желаний.

Пожалуй, за результатом вам    надо не в песочницу, а сюда

или сюда

Змінено 3 листопада 2017 користувачем jaffagold

[HyperLabTeam]

эт я таким образом пытался резкость поймать