News auf Startseite untereinander statt nebeneinander

[Djuke89]

Hallo liebe Community,

ich habe ein Problem mit meiner Ansicht der News auf der Startseite. Die News werden dort normalerweise immer nebeneinander angezeigt, jetzt aufeinmal sind sie jedoch untereinander. Ich benutze das Standard Tiny Theme welches angepasst wurde. Kann mir da jemand weiterhelfen, in welcher Datei ich die Anordnung wieder nebeneinander umstellen kann?

Danke und beste Grüße
Steffen

 

[x86]

AW: News auf Startseite untereinander statt nebeneinander

Hallo Djuke89,

Könntest du den Link zu deinem Shop posten? Dann koennte man sich das im Livebetrieb ansehen.

Gruese Stephan

 

[Djuke89]

AW: News auf Startseite untereinander statt nebeneinander

Hallo Stephan,

die URL lautet www.kosmetik-deutschland.de

Grüße Steffen

 

[martinwolf]

AW: News auf Startseite untereinander statt nebeneinander

.newsitem ist als DIV definiert und geht somit über 100% Breite, sofern nichts anderes definiert ist.

 

[Djuke89]

AW: News auf Startseite untereinander statt nebeneinander

Hallo martinwolf,

ich nehme an du meinst folgenden Code in der seite_startseite.tpl

{if isset($oNews_arr) && $oNews_arr|@count > 0}
<div class="container news_list">
<h2 class="underline">{lang key="news" section="news" alt_section="global,"}</h2>
{foreach name=news from=$oNews_arr item=oNews}
<div class="newsitem">
<h2><a href="{$oNews->cURL}">{$oNews->cBetreff}</a></h2>
{$oNews->dErstellt_de}{if isset($Einstellungen.news.news_kommentare_nutzen) && $Einstellungen.news.news_kommentare_nutzen == "Y"} | <a href="{$oNews->cURL}#comments" title="{lang key="readComments" section="news"}">{$oNews->nNewsKommentarAnzahl} {if $oNews->nNewsKommentarAnzahl == 1}{lang key="newsComment" section="news"}{else}{lang key="newsComments" section="news"}{/if}{/if}</a>
<div class="custom_content">
{if $oNews->cVorschauText|count_characters > 0}
{$oNews->cVorschauText}
{$oNews->cMehrURL}
{elseif $oNews->cText|strip_tags|count_characters > 200}
{$oNews->cText|strip_tags|truncate:200:""} {$oNews->cMehrURL}
{else}
{$oNews->cText}
{/if}
</div>
</div>
{/foreach}
</div>
{/if}

Was genau muss ich denn ändern, damit es wieder nebeneinander angezeigt wird?

 

[martinwolf]

AW: News auf Startseite untereinander statt nebeneinander

theme.css

.container.news_list {
    overflow: hidden;
}
.newsitem {
    box-sizing: border-box;
    float: left;
    padding: 0 2% 0 0;
    width: 33.3333%;
}
.newsitem:nth-child(3n) {
    padding: 0 1%;
}
.newsitem:nth-child(3n+1) {
    padding: 0 0 0 2%;
}
.newsitem p {
    overflow: hidden;
}

 

[Djuke89]

AW: News auf Startseite untereinander statt nebeneinander

Also folgenden Code einfach der Theme.css hinzufügen?

theme.css

.container.news_list {
    overflow: hidden;
}
.newsitem {
    box-sizing: border-box;
    float: left;
    padding: 0 2% 0 0;
    width: 33.3333%;
}
.newsitem:nth-child(3n) {
    padding: 0 1%;
}
.newsitem:nth-child(3n+1) {
    padding: 0 0 0 2%;
}
.newsitem p {
    overflow: hidden;
}

 

[martinwolf]

AW: News auf Startseite untereinander statt nebeneinander

Ja.

 

[Djuke89]

AW: News auf Startseite untereinander statt nebeneinander

Danke das hat schonmal super funktioniert. Vielen Dank martinwolf!
Aber kann man die News noch irgendwie mittig ausrichten? Momentan sieht es so aus, als wären die News linksbündig.

Was mir noch aufgefallen ist: Unter den Überschriften "Top Angebote" und "Unsere Bestseller" ist eine gestrichelte Linie, die vorher nicht dort war und die Überschrift ist nicht grün so wie "News". Wie bekomme ich die gestrichelten Linien da weg?

 

[martinwolf]

AW: News auf Startseite untereinander statt nebeneinander

Macht es nicht mehr Sinn, sich an die Person zu wenden, die die Änderungen gemacht hat?

 

[Djuke89]

AW: News auf Startseite untereinander statt nebeneinander

Ich habe selber etwas an dem Shop geändert, kann mir aber nicht erklären wieso das die Startseite und die News betroffen hat. Habe nur getestet die Boxen im unteren Contentbereich zu aktivieren. Habe schon getestet die Backups von den geänderten Dateien wieder hochzuladen, aber das hat nichts gebracht.