WebSite X5Help Center

 
Jürgen M.
Jürgen M.
User

Rss feed widget verändern  de

Autor: Jürgen M.
Visitado 936, Seguidores 1, Compartilhado 0  

Ich schaffe es einfach nicht, per css es so hinzubringen dass die 

Zeile 1: responsive auflöst

Zeile 3: Nicht nur eine Zeile anzeigt sondern den ganzen ersten Absatz vom Blog und diesen auch responsive auflöst.

Den Code hab ich jetzt, der funzt aber nicht so wie ich es gerne hätte:

<style>
.container_feed_information{text-align: center!important;margin-top: 39px;}
.feed_item_info.feed_item_title{text-align: center!important;margin-top: 10px;}
.feed_item_info.feed_item_date {text-align: center!important;margin-top: 19px;}
.feed_item_content_box {height: 0px;}
#rssfeedready_pluginAppObj_453 {border-radius:10px;}
</style>

Publicado em
8 RESPOSTAS - 2 ÚTEIS - 1 CORRIGIR
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

Dazu müsstest du uns die Website zeigen bzw. die ganze Seite! Wo genau macht es nicht responsive? In einem Newsfeed Reader?

Ler mais
Publicado em de Andreas S.
Jürgen M.
Jürgen M.
User
Autor

Ja im Widget , www.auftanken.at

Ler mais
Publicado em de Jürgen M.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

Versuche mal das...

<style>

#rssfeedready_pluginAppObj_453 .container_feed_content .feed_item_container_box .feed_item_info {white-space: normal!important;}

</style>

Ler mais
Publicado em de Andreas S.
Jürgen M.
Jürgen M.
User
Autor

Im POrinzip ist der Weg gut, das was ich noch möchte ist, dass er nach 4 Zeilen den Text mit ... beendet, 

nowrap beendet ja das ganze schon nach einer Zeile, ist es möglich, mehr vom Text zu zeigen und dann mit ... zu beenden?

Ler mais
Publicado em de Jürgen M.
Jürgen M.
Jürgen M.
User
Autor

Hab da folgendes gelesen, aber igendwie nimmt er das nicht:

line-clamp – Zeilen begrenzen

line-clamp begrenzt die Zahl der Zeilen in einem Textblock. line-clamp: 1 ist im Grunde genommen das neue text-overflow.

.clamped { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

Elementar: Genauso wie text-overflow braucht auch line-clamp die Eigenschaft overflow: hidden und muss in Kombination mit display: -webkit-box gesetzt werden. Ohne weitere Angaben endet die letzte Zeile mit einem Auslassungszeichen (Ellipsis – drei Punkte). Wenn der Text zu kurz ist, um die gewünschte Zahl von Zeilen zu erreichen, wird er in voller Länge und mit weniger Zeilen angezeigt.

Ler mais
Publicado em de Jürgen M.
Jürgen M.
Jürgen M.
User
Autor

So, schaut schon ganz gut aus, jetzt sollte es nur mehr zentriert sein, weil das ist verlorengegangen

Code habe ich :

<style>

#rssfeedready_pluginAppObj_453 .container_feed_content .feed_item_container_box .feed_item_info {white-space: normal!important; overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; }

</style>

Ler mais
Publicado em de Jürgen M.
Jürgen M.
Jürgen M.
User
Autor

So ich hab es so wie ich es mir vorstelle:

<style>
#rssfeedready_pluginAppObj_453 .container_feed_content .feed_item_container_box .feed_item_info {white-space: normal!important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
</style>

<style>
#rssfeedready_pluginAppObj_453 .container_feed_content .feed_item_container_box .feed_item_info {margin: 15px auto 15px auto; text-align: center!important;width: 80%;}
</style>



Danke dass Du mir auf die Sprünge geholfen hast :-)

Ler mais
Publicado em de Jürgen M.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

Was ich so sehe ist es jetzt auch zentriert! Also müsste es so passen!

Ler mais
Publicado em de Andreas S.