Подскажите как увеличить логотип

[agrbiz]

Доброго всем дня!

Подскажите как увеличить логотип на ocstore 2.3 , почитал на форуме, но в stylesheet.css  изменить не получилось

http://tuning5r.bget.ru/

[WarStyle]

4 часа назад, agrbiz сказал:

Доброго всем дня!

Подскажите как увеличить логотип на ocstore 2.3 , почитал на форуме, но в stylesheet.css  изменить не получилось

http://tuning5r.bget.ru/

 

Не получилось, потому что бутстрап вёрстка. http://joxi.ru/82QYa7NTj7XDx2 - вот с этими цифрами попробуйте поиграть, искать в header.tpl

[BuslikDrev]

Чтобы было быстрее, прописывайте стили сначала в шаблоне в теге <style></style> , потом переносите в стиль, либо в нём заменяйте предыдущее значение на новое.

После того, как вы поигрались со цифрами, можете задать своё ограничение по размеру:
<style>
.mystyle {

max-width: 100px;

}
</style>

 

<div id="logo" class="mystyle">

</div>

[jaffagold]

При всем уважении,... но не так..

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

при обновлении страницы браузера исчезают все изменения.

После того, как выяснили, что нам надо, отправляемся править файлы шаблона.

В Хроме:

Нажимаете F12 ( или правый щелчок- Просмотреть код)

Выделяете нужный элемент

Лого тут:

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 navcentr">

класс Бутстрапа col-lg-2 означает, что логотип будет занимать 2/12 от всей ширины родительского блока

В родительском блоке кроме логитипа еще

центральный блок

<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">

и корзина

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 cart">

Теперь.

Правый клик на

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 navcentr">

Выбираем Edit as html

Меняем на <div class="col-lg-3 col-md-2 col-sm-2 col-xs-12 navcentr">

Видим, как блог лого увеличился по ширине.

Но корзина съехала на другую строку.

Это потому, что в ряду должно быть общее число 12 ( col-lg-2 + col-lg-8 + col-lg-2 )

А у нас уже получилось 13

Надо отнять единичку у центрального блока

<div class="col-lg-7 col-md-8 col-sm-8 col-xs-12">

Побаловались, теперь идем изучать сетку Бутстрап

 

https://itchief.ru/lessons/bootstrap-3/22-the-grid-system-twitter-bootstrap-3

 

Потом, если не охладели, правим header.tpl

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

 

 

 

[WarStyle]

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

При всем уважении,... но не так..

 

Так я так примерно и направлял)

[jaffagold]

Я не вам это писал. У вас все как раз верно было указано. Но не слишком подробно.

[satyr]

Скрытый текст

http://reklammer.com.ua/wp-content/uploads/2016/09/13726630_1121472314601548_1183773817326806257_n.jpg

 

[agrbiz]

В 16.09.2017 at 13:15, jaffagold сказал:

При всем уважении,... но не так..

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

при обновлении страницы браузера исчезают все изменения.

После того, как выяснили, что нам надо, отправляемся править файлы шаблона.

В Хроме:

Нажимаете F12 ( или правый щелчок- Просмотреть код)

Выделяете нужный элемент

Лого тут:

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 navcentr">

класс Бутстрапа col-lg-2 означает, что логотип будет занимать 2/12 от всей ширины родительского блока

В родительском блоке кроме логитипа еще

центральный блок

<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">

и корзина

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 cart">

Теперь.

Правый клик на

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 navcentr">

Выбираем Edit as html

Меняем на <div class="col-lg-3 col-md-2 col-sm-2 col-xs-12 navcentr">

Видим, как блог лого увеличился по ширине.

Но корзина съехала на другую строку.

Это потому, что в ряду должно быть общее число 12 ( col-lg-2 + col-lg-8 + col-lg-2 )

А у нас уже получилось 13

Надо отнять единичку у центрального блока

<div class="col-lg-7 col-md-8 col-sm-8 col-xs-12">

Побаловались, теперь идем изучать сетку Бутстрап

 

https://itchief.ru/lessons/bootstrap-3/22-the-grid-system-twitter-bootstrap-3

 

Потом, если не охладели, правим header.tpl

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

 

 

 

Спасибо! Все получилось! Единственное, менять пришлось col-md