Rss feed widget verändern 
Autor: Jürgen M.
Besucht 895,
Followers 1,
Geteilt 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>
Gepostet am
Dazu müsstest du uns die Website zeigen bzw. die ganze Seite! Wo genau macht es nicht responsive? In einem Newsfeed Reader?
Autor
Ja im Widget , www.auftanken.at
Versuche mal das...
<style>
#rssfeedready_pluginAppObj_453 .container_feed_content .feed_item_container_box .feed_item_info {white-space: normal!important;}
</style>
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?
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.
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>
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 :-)
Was ich so sehe ist es jetzt auch zentriert! Also müsste es so passen!