Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

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

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

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

Link to post
Share on other sites

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

Спойлер

<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 пикселей загрузите логотип, все-равно он шире не станет.

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

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

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

  • +1 1
Link to post
Share on other sites

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 пикселей загрузите логотип, все-равно он шире не станет.

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

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

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

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

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

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

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

Link to post
Share on other sites

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

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

или сюда

Edited by jaffagold
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.