Problem mit Override

jdgf · 28. Oktober 2016

Hallo,

ich habe versucht, das Override "Modernes Blocklayout" in meine Webseite einbauen.
An sich scheint es funktioniert zu haben, wenn man sich den Code im Firebug ansieht.
Allerdings fehlt die zweifarbige Hintergrundschattierung und das Art "Kalenderblatt",
im Code stehen aber die richtigen "jover"-css-Klassen.

Override auf der Webseite: Modernes Bloglayout ohne Fotos und mit Fotos:

Unsicher bin ich mir wie ich die css-Datei bei einem Override einbinden muss. Ich habe die
Datei
in den Standardordner meines bearbeiteten Protostartemplates templates/protostarbearbeitet/css/modernes-bloglayout.css
eingefügt, in dem sich auch die template.css von Protostar(bearbeitet) befindet.

Ist das richtig?

Gruß Dietmar

chr-hl · 29. Oktober 2016

Hallo Dietmar,

natürlich mußt Du die CSS-Datei noch in der index.php Deines Templates einbinden.

Aber es geht bei Protostar auch einfacher.
Benenne Deine CSS-Datei in user.css um und fertig (siehe auch hier)

Christian

jdgf · 29. Oktober 2016

Hallo Christian, danke für den Hinweis und Deine Hilfe. Eine user.css hatte ich schon. Nach dem Einfügen dort sieht
es schon viel besser aus.

Mein Probleme sind jetzt noch, dass zum einen die bisherigen Ränder weiter so angezeigt werden,
wie in dem Haupteinleitungstext aussieht und zum anderen, das das Datum links steht und der Rahmen nicht über die
gesamte Breite geht. Kann man das ändern?

Code:

Code

<div class="row">
    <article class="ellipsis">
         <div class="col-md-4">
         </div>
         <div class="col-md-8">
               <div class="col-md-2">
                       <div class="jover-blog-date">
                       <p class="jover-date-day">19</p>
                       <p class="jover-date-month">Okt</p>
                       </div>
               </div>
         <div class="col-md-10">
               <div class="page-header">
                                              <h2 itemprop="name">Erntedank gefeiert</h2>
                              </div>
               <div class="jover-modern-blog-details">
               Geschrieben von: Dietmar Feuerer
               <br>
         </div>
     </div>
</div>
<div class="jover-modern-blog-introtext">
     <div style="text-align: justify;">
            <a href="/aktuell/fotogalerie/pfarrei/2016/erntedank-gefeiert/erntedank-gefeiert_13-18832.html" title="Erntedank gefeiert_13 Erntedank gefeiert"><img src="/aktuell/fotogalerie/image.raw?view=image&amp;id=18832&amp;type=thumb" alt="Erntedank-Altar" class="jg_photo" style="margin-right: 10px; margin-bottom: 10px; float: left;" width="135" height="89"></a>
        In seiner Predigt zum Erntedankfest erinnerte Pfarrer Udo KLösel an die Zeiten, in denen das tägliche Brot noch nicht so selbstverständlich wie heute war. "Wir feiern Erntedank in einem Land, in dem jedes Jahr 15 Millionen Tonnen Lebensmittel im Müll landen."
                </div>
     <div style="text-align: justify;">&nbsp;
                </div>
     <div style="text-align: justify;"></div>
        <p class="readmore">
               <a class="btn" href="/aktuell/hohenfelser-land-stets-aktuell/1416-erntedank-gefeiert.html" itemprop="url">
                   <span class="icon-chevron-right"></span>
                    Weiterlesen: Erntedank gefeiert    </a>
      </p>
    </div>
     </article>
</div>

Alles anzeigen

Gruß Dietmar

astrid · 29. Oktober 2016

Und du musst prüfen, ob die Bootstrap-Version passt.

Ich meine das Override nutzt Bootstratp 3. Protstar aber noch Bootstrap 2: http://getbootstrap.com/migration/

jdgf · 2. November 2016

Hallo Astrid,

ich habe nachgefragt. Es ist leider Bootstrap 3, ich warte bis Joomla in 3.7 nachzieht.

Danke für den Hinweis.

VG Dietmar

astrid · 2. November 2016

Zitat von jdgf

ich warte bis Joomla in 3.7 nachzieht.

Wie meinst du das?

Eigentlich musst du nur das Override ein bisschen abändern. In dem Link stehen alle Klassen die du ändern musst. Konkret bei dir sind das glaube ich nur:
.row ( ändern in .row-fluid ) und (ändern in .span*)