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

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

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

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

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

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

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


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

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

Спойлер

<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

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


Ссылка на сообщение
Поделиться на другие сайты
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

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


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

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

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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