WebSite X5Help Center

 
Jürgen M.
Jürgen M.
User

Rss feed widget verändern  de

Auteur : Jürgen M.
Visité 935, Followers 1, Partagé 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>

Posté le
8 RéPONSES - 2 UTILE - 1 CORRECT
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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

Lire plus
Posté le de Andreas S.
Jürgen M.
Jürgen M.
User
Auteur

Ja im Widget , www.auftanken.at

Lire plus
Posté le de Jürgen M.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Versuche mal das...

<style>

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

</style>

Lire plus
Posté le de Andreas S.
Jürgen M.
Jürgen M.
User
Auteur

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?

Lire plus
Posté le de Jürgen M.
Jürgen M.
Jürgen M.
User
Auteur

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.

Lire plus
Posté le de Jürgen M.
Jürgen M.
Jürgen M.
User
Auteur

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>

Lire plus
Posté le de Jürgen M.
Jürgen M.
Jürgen M.
User
Auteur

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 :-)

Lire plus
Posté le de Jürgen M.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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

Lire plus
Posté le de Andreas S.