Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Logo-Größe bei Design Helsinki ändern

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

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

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

...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



…Versuch mal folgenden Code:
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
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!