Skocz do zawartości

Jak powiększyć logo prestashop


Rekomendowane odpowiedzi

Dołącz do nas za darmo i naucz się zarabiać!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut i wiele więcej!

 

 

Cześć,

W /themes/classic/assets/css/theme.css szukasz

.col-md-2 {
    float: left;
    width: 16.66667%;

Następnie modyfikujesz width do wartości jaka cię interesuje, np. 100%

Pozdrawiam

Odnośnik do komentarza

Przede wszystkim, sam header jest zakodowany źle, ponieważ lepiej byłoby użyć w tym przypadku reguł CSS justify-content: space-between i align-items: center zamiast używania grida i wtedy można by było manipulować tylko i wyłącznie rozmiarami samego obrazu.

U Ciebie obraz przyjmuje 100% szerokości elementu nadrzędnego, tj. div z klasą col-md-2. Stąd - najlepiej by było jakbyś zmienił klasę tego elementu przykładowo na col-md-3 i zmienił klasę elementu obok na jeden niżej. Więcej na ten temat:

https://getbootstrap.com/docs/4.4/layout/grid/

Przykładowo to:

<div class="col-md-2 {reszta-klas}">
	{logo}
</div>
<div class="col-md-10 {reszta-klas}">
	{wyszukiwarka}
</div>

Zmieniasz, na:

<div class="col-md-3 {reszta-klas}">
	{logo}
</div>
<div class="col-md-9 {reszta-klas}">
	{wyszukiwarka}
</div>

 

18 minut temu, Harry napisał:

Następnie modyfikujesz width do wartości jaka cię interesuje, np. 100%

 

Nie polecam - rozjedzie sobie na sklepie wszystkie inne elementy w gridzie, które mają nadaną tą klasę. To bootstrap.

  • Super 1
Odnośnik do komentarza

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .