Beiträge von remanso

Hallo,

ich weis jetzt nicht warum das Thema als erledigt gekennzeichnet wurde aber das Problem
mit dem Hamburger Menü bleibt weiter bestehen.

Im Cassiopeia Template.min.css ist folgender Code:

@media (max-width: 991.98px)

.container-header {

position: relative !important;

}

Ich habe in der user.css folgenden Eintrag ergänzt:

@media (max-width: 991.98px)

.container-header {

position: sticky !important;

}

bzw.

@media (max-width: 991.98px)

.container-header {

position: sticky;

}

Versucht habe auch...

@media (max-width: 991.98px)

.header .container-header .full-width .position-sticky .sticky-top position: sticky {

position: sticky;

}

Aber keiner dieser Einträge werden von den Browsern übernommen...

Viele Grüße

Hallo,

Das war das zweite Problem was ich hatte.

Vielen Dank für den Tipp.

Habs geändert.

Hallo,

ich stehe vor einem für mich größeren Problem...

und zwar habe ich eine NavBar Vertical sticky mit Hamburger Menü auf der Pensionsseite.

Soweit klappt auch alles.

Nun möchte ich ganz gern dass das Menü beim Scrollen nach unten als Box angezeigt wird, quasi als Sidebar die aber mit scrollt.

Frage 1. Kann man das über JQuery bzw. Java hinbekommen und wenn ja, wie?

Das zweite Problem ist, dass das Hamburger Menü fix oben am Rand beim scrollen stehen bleibt.

Frage 2. Muss ich dafür im CSS bzw. in Java etwas einstellen? und was?

Vielen Dank für eure Unterstützung

und viele Grüße

Dirk

Hallo,

vielen herzlichen Dank an Euch, die schließende Klammer wars!

Super, jetzt klappt es.

Hallo,

weil es bei mir so überhaupt nicht angezeigt wird.

Obwohl ich alle cachs geleert habe, zeigt mir z.B. der Footer

immernoch den Grünen Hintergrundgrund an...

weder am Laptop, noch auf dem Smartphon etc. wirden die CSS Änderungen bei mir hier
nicht übernommen.

Viele Grüße

Dirk

Hallo,

danke für den hinweis, hab sie rausgenommen aber gebracht hat es an dem Problem nichts.

Hallo,

leider bin ich in dieser Sache immer noch nicht weiter gekommen.

Lokal konnte ich alles sehen, es wurden auch alle änderungen per user.css angenommen.

Aber seit gestern werden einige Module nicht nicht erkannt.

Werden zwar im Firebook inspecktor erkannt aber halt nicht die user.css.

Cachs etc. wurden immer geleert.

Das c habe ich sowohl mit als auch one Leerzeichen versucht.

Leider Ohne erfolg.

Habe dann die angefangene Seite unter Pension Kunterbunt online gestellt um zu sehen ob der fehler ggf. Lokal vorliegt...

Als Beispiel hier ein Code...

Costum Modul "Kontakt"

CSS-Klasse Modul Suffix ( kontakt) *ohne Klammern

Modulstil: card

.kontakt {
    background: url(../images/img/mod_color_red.png);
    margin-bottom: 20px;
    padding: 8px 10px;
    border-radius: 4px;
    box-shadow: 0 0 5px #333;
}

.kontakt p.pointer {cursor: pointer;}
.kontakt p {color: #FFFFFF;}
.kontakt a {color: #FFFFFF;}

.kontakt.card h3 {
    background: left center no-repeat url(../images/img/schmetterling_32x32.png);
    padding-left: 40px;
    line-height: 30px;
}

.kontakt.card h3::first-letter {
    color: #FFFFFF;
}

Seltsam ist das die Module

- Paraguay Info

- Logo

- Top-meu

- Footer-menu

erkannt werden obwohl sie die fast gleichen Einstellungen haben.

Über hilfe würde ich mich freuen.

Grüße aus dem 38 Grad warmen Paraguay

Hallo,

bin bei Bitpalast und ändere ungewollt im Backend.

Habe Testweise mal das Template Cassiopeia kopiert und von dort alle Änderungen vorgenommen.

Da geht es seltsamerweise...

hallo,

ich weis ich bin lässtig aber so langsam macht mich Joomla 4 colone....

und zwar habe ich eine user.css geschrieben und seltsamerweise unter XAMMP funktioniert alles
und wird auch alles erkannt.

Habe dann das CSS auf den Server gekaden und da wird nichts an Modulen erkannt...

- habe ein eigenes Modul angelegt

- in der CSS-Klasse Modul einen Namen vergeben "voran mit Leerzeichen (z.B. empfehlungen)

habe es auch mit und ohne leerzeichen versucht...

- Modulstil auf card gestellt

- CSS Eingetragen .empfehlungen.card und entsprechende Eintragungen getätigt.

und diese werden aber nicht übernommen, Firefox und Firebirth erkennen die Module unter F12 einfach nicht

Webseite

Achso, Cachs usw, wurde stets gellert...

Viele Grüße und Danke

Hallo,

vielen Dank, das war es im h2 tag.

wie gesagt unter XAMMP verhielt sich das Layout ganz anders als auf dem Webserver.

Bin dran, mache jetzt alles auf dem Server.

Viele Grüße und Danke

Dirk

Hallo,

hab da doch lieber ein neues Theama angefangen.

Bin mich immer noch in Joomla 4 am einarbeiten und hab soweit alles hinbekommen.

Nur das mit dem Logo Banner klappt irgendwie nicht auf dem Server...

In Xammp sah alles gut aus...

Also es geht um das Logobanner welches ich gerne mit einer Überschrift h2 versehen habe.

Eingebunden habe ich dieses im eigenen Modul

Der HTML Code:

<div class="text-left"><img src="images/headers/pension-kunterbunt.jpg" alt="Pension Kunterbunt" width="2000" height="240" />
<div class="tagline">
<h2>Pension <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Kunterbunt</h2>
</div>
</div>

Der CSS Code:

.logo.card
<style>
.text-left {
    height: 240px;
    font-family: 'pristina'; 
    position: relative;
    text-align: center;
    color: black;
    background: #FF9733;
    border: 0px;
    border-radius: 5px;
    box-shadow: 6px 4px 6px 0px rgba(0,0,0,0.35);
}

.tagline {
    font-family: 'pristina';
    letter-spacing: -1px;
    text-align: left;
}

.tagline span {
      display: inline-block;
}

.tagline h2 {
      padding:10px 5px 15px 20px;
}
</style>

Webseite: Pension Kunterbunt

Wie bekomme ich das nun hin das der Text im Logobanner höher kommt?

Viele Grüße

Dirk

Hallo,

sorry das ich erst jetzt Antworte.

Das mit der Komponente Openstreetmap hat geklappt.

Hab nun ein anderes Problem mit dem Gesamt Layout.

Ich weis nur nicht ob ich dafür ein neues Thema aufmachen muss oder hier weiter schreiben kann.

Auf alle Fälle das mit IFRAME hat sich dank eurer Hilfe erledigt.

Viele Grüße

Dirk

Hallo Elwood,

danke für den Tipp, bin sogar begeistert das sie zum einen unsere Pension bereits drin haben und
das sogar die Straße richtig ist. Hat Google Map iun den 15 Jahren die ich hier bin nicht geschafft zu
ändern.

Ein Problem hat das aber, die meisten Paraguayer leben und Arbeiten und Suchen alles was mit Wegbeschreibungen zu hat mit "Google"

Aber ich werde es Probieren und sag bescheid wie es läuft....

Grüße aus dem 31° warmen Paraguay

Nein, sie ist in Deutschland gehostet. Daher muss ich mich auch an den ganzen (möchte ich hier nicht aussprechen) halten!

Bei meiner vorherigen Seite unter Joomla 3.x Template Bootstrap 3 hatte ich nie Probleme.

Leider kann ich da ja mein altes Template nicht weiter verwenden.

Hallo,

danke für den Tipp, aber was bedeutet "DSGVO!"?

Grüße Dirk

Hallo,

genau das, im Smartphone weiß und auf dem Laptopbrowser FF mit der Hintergrundfarbe #FF9733

Wie gesagt, Cachs sind geleert...

Gruß Dirk

Hallo,

ich schlage mich seit ein paar Stunden mit der Darstellung von responsiver Darstellung herum.

Soweit klappt ja alles...

Nur das der container sich der Höhe des Inhalts nich automatisch anpasst.

Als erstes der Link zur Webseite:

Pension Kunterbunt

Was habe ich gemacht?

Als erstes eine user.css erstellt

Ein eigenes Modul erzeugt "So finden Sie uns"

Unter Erweitert CSS-Klasse Modul "maps" eingegen.

Modul-Tag "div"

Modulstil "card"

Im Content Modul folgenden Code

<div class="responsive-iframe"><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d1805.1695289917247!2d-57.5411916684393!3d-25.191785840186284!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sde!2spy!4v1669291248608!5m2!1sde!2spy" width="600" height="240" style="border: 0;" allowfullscreen="allowfullscreen" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>

Im user.css folgenden Code

.maps.card {
      background: #FF9733;
      color: #FFFFFF;
     border: 2px;
}

.responsive-iframe {
    max-width: 100%;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

Es wird auch alles gemacht im Frontend, nur der Container passt sich der Höhe des Inhalts nicht an (siehe Link)

Habe in Joomla und Browser den Cache geleert, aber es hilft nichts und komme nicht weiter.

Grüße aus Paraguay

Dirk