Purity III Template - Weiterlesen-Button, Hintergrundbild und Logo

    Joomla Version
    5.01
    PHP Version
    PHP 8.2.x
    Hoster
    schwarzkuenstler
    Link (URL) zur Seite mit dem Problem
    https://www.tsv1880ruedersdorf.de/fussball24/index.php

    Hallo,


    ich bin gerade dabei, unsere Vereinsseite neu zu erstellen. Die bisherige ist diese:

    Homepage TSV 1880 Rüdersdorf - Fußball


    Für die neue probiere ich gerade das Purity III Template aus:

    Home


    Wo kann man einstellen, dass bei "Weiterlesen" nur "Weiterlesen" angezeigt wird und nicht der weitere einleitende Text. Denn durch diesen verschiebst sich die ganze Seite in der mobilen Version.


    Zudem: Wie und Wo kann ich wie auf der bisherigen Seite ein Hintergrundbild und oben im Menü unsere Vereinslogo integrieren?


    Danke.


    Grüße Tino

    Danke.


    Ich möchte gerne die Hintergrundfarbe des Navigationsmenüs von #0077bb in #2C4772 ändern als auch den Abstand der Zwischenräume auf der Seite an sich.


    Dazu habe ich folgende Änderungen in der template.css vorgenommen:


    Hintergrund Farbe Navigationsmenü

    Zeile ab 860


    }

    .navbar-default {

    background-color: #0077bb;

    border-color: #0067a2;

    }


    geändert in:


    }

    .navbar-default {

    background-color: #2C4772;

    border-color: #0067a2;

    }



    ------------------------------


    Abstand Zwischenraum in Zeile 3290 von 100px auf 10px


    @media screen and (min-width: 992px) {

    .row-feature {

    padding: 60px 0;

    }

    .page-masthead .row-feature {

    padding: 100px 0;

    }


    geändert in:


    @media screen and (min-width: 992px) {

    .row-feature {

    padding: 60px 0;

    }

    .page-masthead .row-feature {

    padding: 10px 0;

    }


    Habe die neue template.css hochgeladen, doch leider ergibt sich keine Änderung auf der Seite. Woran liegt das? Oder muss man es mit einer user.css überschreiben?


    Danke. Grüße Tino

    Zitat von t-l

    Habe die neue template.css hochgeladen, doch leider ergibt sich keine Änderung auf der Seite. Woran liegt das? Oder muss man es mit einer user.css überschreiben?

    Also die Codes von #3 habe ich mir jetzt nicht angesehen.

    Du brauchst eine custom.css, wo Du diese reinschreiben kannst.


    Customization - T3 - Joomla Template Framework

    Kapitel: Customize template with CSS


    Hintergrundbild:

    Code
    body {
background-image: url('../images/containerbg.jpg');
}

    natürlich mit richtigem Bildpfad.


    Den Content willst sicher aber weiß haben:

    Code
    #t3-mainbody {
background: #fff;  
}

    Ob das Hintergrund Bild auch beim footer sein soll, weiß ich nicht, ausprobieren halt:

    Code
    .t3-footer {
background-image: url('../images/containerbg.jpg');  
}

    Wegen dem Logo: https://www.joomlart.com/docum…customization#logo-custom


    Liebe Grüße

    Christine

    Zitat von t-l

    Für die neue probiere ich gerade das Purity III Template aus:


    Zudem: Wie und Wo kann ich wie auf der bisherigen Seite ein Hintergrundbild und oben im Menü unsere Vereinslogo integrieren?

    Keine Ahnung ob das Purity III für Joomla 5 tatsächlich "freigegeben" ist.


    Aber eventuell nützlich:


    www.joomlart.com/documentation/purity-iii/customization#logo-custom


    www.joomlart.com/documentation/joomla-templates/purity-iii


    Code
    body , .t3-footer   {
 background-image: url(/../fussball24/images/sportplatz_ruedersdorf_b770_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#t3-mainbody {
background: #fff;  
}

    Grundsätzlich gilt: Nicht die template.css anpassen, weil diese bei einem Update des Templates wieder überschrieben würde. Erstelle eine user.css (oder custom.css je nach Template) und packe sie dahin, wo der Template-Designer das vorgesehen hat. Bei neueren Joomla-Versionen ist das meist in /media/templates, bei alten war es in /templates.

    Und nach jeder CSS-Änderung unbedingt den Cache leeren (ich nutze dazu die praktische Erweiterung Cache Cleaner von Regularlabs) und die Seite mit STRG-F5 neu laden, sonst siehst Du die gerade gemachten Änderungen nicht.

    Zitat von Elwood

    Dann liegt sie im falschen Pfad. Siehe Links in obigen Posts.


    Die Änderungen in der template.css funktionierten dann.


    Ist der Code in der custom.css denn richtig, so dass diese die gewollten Änderungen vornehmen anstatt die Angaben aus der template.css zu ziehen?


    Änderung der Hintergrundfarbe Menü-Navigation, Padding von 100 auf 10 und padding von 20 auf 10 bei t.3-content.


    }

    .navbar-default {

    background-color: #2C4772;

    border-color: #0067a2;

    }


    @media screen and (min-width: 992px) {

    .row-feature {

    padding: 60px 0;

    }

    .page-masthead .row-feature {

    padding: 10px 0;

    }


    .t3-content {

    padding-top: 10px;

    padding-bottom: 20px;

    }

    Hallo,


    der Pfad zur template.css ist wirklich fussball24/templates/purity_iii/local/css/


    Dort müsste wahrscheinlich auch die custom.css gespeichert werden. Ob diese dann automatisch geladen wird,
    ist mir nicht bekannt.

    Beim Standardtemplate Cassiopeia ist es die user.css, die dann auch geladen wird.


    In Deinem CSS fehlt definitiv eine schließende Klammer für das Media-Querie


    btw.: es wird externes CSS geladen, was m.E. zu rechtlichen Problemen für kann.

    Ich kenne die Templates von JoomlaArt nicht, habe aber spasseshalber mal Tante Google bemüht. So, wie es aussieht, geht die Template-Schmiede da einen eigenen Weg:

    Zitat

    If you want to add new stylesheet and Javascript to Purity III template, there are 2 ways to do this.

    #1. use head.php file

    ......


    #2. use assets.xml file

    .....

    How to configure Purity III template | JoomlArt

    Nochmal BTW (siehe #12):


    Wenn du die aktuelle Version Purity IV einsetzt, bist du auch Joomla 5-tauglich.


    Und du hast (endlich) in den Template-Optionen ein Feld für custom.css:



    Ist aber letztendlich deine Entscheidung.

    Zitat von t-l

    Ich habe mir jetzt einmal das Purity 4 installiert und probiere mich hier mal aus. Werde dazu dann wohl besser einen Extra-Thread eröffnen, für die Fragen, die kommen...

    Dann geht es jetzt hier weiter:


    Beitrag
    RE: Purity 4 Template-Anpassung
    […]

    (Quelltext, 3 Zeilen)

    Hinweis:
    Wenn Du obiges machst, aber oberhalb vom Slider den hellblauen Streifen erhalten willst, dann musst Du, siehe #6 beim ersten Codeblock das padding-top: 0px; weglassen.

    Liebe Grüße
    Christine
    christine2



    Kannst dann hier noch auf 'Erledigt' stellen:


    Thema
    Wie stelle ich einen Thread auf "gelöst"?
    Dafür geht der Ersteller des Threads folgendermaßen vor:

    In der Threadübersicht das rote Quadrat doppelklicken und so auf "erledigt" stellen.


    forum.joomla.de/core/attachment/10438/

    Oder in den Theama > Einstellungen > gelöst.
    Indigo66