Logo-Größe bei Design Helsinki ändern

21.01.2019 12:26 (zuletzt bearbeitet: 24.01.2019 17:00)
avatar  Lutz
#1
avatar

Ich benutze das Design Helsinki und möchte das Logo auf die gesamte Seite verbreitern. Meine URL: https://www.lupesi.de
Das vorhandene Logo von dem Design Helsinki hat ein max. Breite von 1030 (px) und eine max. Höhe von 200 (px). Wenn möglich, würde ich das Logo nicht nur breiter, sondern auch höher im Head programmieren. Es wäre toll, wenn mir jemand helfen kann, da ich leider CSS nicht beherrsche. Vielen Dank im Voraus.
Lutz


 Antworten

 Beitrag melden
25.01.2019 13:02 (zuletzt bearbeitet: 25.01.2019 13:12)
avatar  az_
#2
avatar
az_

Moin @Lutz,
...was Du vor hast, ist bei Deinem Design nicht ganz einfach, da es mehr als nur 2 Ansichten gibt. Du musst also mit

- @media (max-width:767px) für mobil
- @media (min-width:768px) für Desktop
und
- @media (min-width:1170px) für breites Desktop

...arbeiten, und jeweils das img des Logos wie auch den Container ändern.

Machbar ist es aber, auch mit reinem CSS.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
26.01.2019 18:58
avatar  Lutz
#3
avatar

Hallo az,

dir vielen Dank für die Antwort. Toll, dass es möglich ist das Logo zu vergrößern und auf die gesamte Breite zu bringen.
Sorry, leider bin ich zu dusselig, um deine Anweisungen umzusetzen. Ich habe es auf einer Jimdo Free Seite von mir versucht.

Die mobile und die breite Desktop Version würde ich mir wünschen. Wäre es mit CSS für mich einfacher das Logo zu vergrößern?


Beste Grüße
Lutz


 Antworten

 Beitrag melden
27.01.2019 15:00
avatar  az_
#4
avatar
az_

...schreib mir mal eine e-mail
LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
27.01.2019 15:42 (zuletzt bearbeitet: 28.01.2019 16:05)
avatar  Lutz
#5
avatar

Hallo az,

hier meine E-Mail: lpsick@web.de

LG
Lutz


 Antworten

 Beitrag melden
25.08.2019 16:41
avatar  mr-edit
#6
mr

Hallo, ich wollte auch mal wissen wie man das Logo vergrößern kann? Über Hilfe wäre ich dankbar.

Viele Grüße


 Antworten

 Beitrag melden
21.02.2020 16:13
avatar  Andrea
#7
avatar

Hallöchen, das gleiche Problem habe ich auch. Das Logo füllte nicht die gesamte Seite aus. Für Hilfe wäre ich dankbar
Gruß Andrea
Hovawart-ajay.de


 Antworten

 Beitrag melden
21.02.2020 21:28
avatar  az_
#8
avatar
az_

…Versuch mal folgenden Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 

<style type="text/css">

.jtpl-header__container a img {
max-height: 500px;
max-width: 100vw !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%);
margin-top: -52px;

}

.content-options-box {
background-color: rgba(238,238,238,0);
}

.content-options {
background-color: rgba(238,238,238,0);
}

.jtpl-section__gutter {
max-width: 1240px;
margin-top: 0;
border-radius: 0 !important;
box-shadow: none !important;
}


</style>
 
 


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!