WebSite X5Help Center

 
Jürgen M.
Jürgen M.
User

Rss feed widget verändern  de

Автор: Jürgen M.
Просмотрено 934, Подписчики 1, Размещенный 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>

Размещено
8 Ответы - 2 Полезно - 1 Корректно
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

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

Читать больше
Размещено От Andreas S.
Jürgen M.
Jürgen M.
User
Автор

Ja im Widget , www.auftanken.at

Читать больше
Размещено От Jürgen M.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Versuche mal das...

<style>

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

</style>

Читать больше
Размещено От Andreas S.
Jürgen M.
Jürgen M.
User
Автор

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?

Читать больше
Размещено От Jürgen M.
Jürgen M.
Jürgen M.
User
Автор

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.

Читать больше
Размещено От Jürgen M.
Jürgen M.
Jürgen M.
User
Автор

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>

Читать больше
Размещено От Jürgen M.
Jürgen M.
Jürgen M.
User
Автор

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

Читать больше
Размещено От Jürgen M.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

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

Читать больше
Размещено От Andreas S.