WebSite X5Help Center

 
Jürgen M.
Jürgen M.
User

Blog Überschrift responsive zentrieren  de

Автор: Jürgen M.
Просмотрено 942, Подписчики 1, Размещенный 0  

Hallo, wieder mal eine Frage:

https://www.auftanken.at/blog/index.php

Wie kann ich die Überschrift so zentrieren, dass sie auch responsive zentriert ist.


Beispiel" Wie oft soll ich eine Wellnessmassage durchführen lassen?" ist dann responive so, wie am angehängten Bild ersichtlich. Sie sollte aber auch hier zentriert sein. Finde mich da in css nicht mehr zurecht. Danke


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

Das wäre im Prinzip der CSS Code!

<style>

.imBlogPostCardTitle h1 {text-align: center!important;}

</style>

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

Leider bewirkt der nichts :-(

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

Habe den Code:

.imBlogPostCardTitle {margin: 9px auto 5px auto;}

Leider wirkt sich der nicht aus wenn der Text durch eine verkleinerte Ansicht umbricht

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

So jetzt auf einmal flutscht es, danke :-)

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

Hy Andreas, vielleicht liest Du da nochmals, ich schaff es einfach nicht die H1 anzusteuern, möchte den Zeilenabstand verringern bei Zeilenumbruch, zum Beispiel die H1 auf 

https://www.auftanken.at/product/?gutschein_raindrop die

Zeile: Tiefe Entspannung und Regeneration: Gutschein für Raindrop Energetik Behandlung.

Wie komm ich da hin?

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

Hatte ich dir das nicht schon mal geschrieben?

<style> 

.imHeading1 {line-height: 20px!important;}

</style>

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

Gabs probiert mit {line-height: 20px} leider nicht gegangen mit {line-height: 20px!important;} ist alles Ok, nein hatten wir noch nicht, danke dafür

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

Trage es mal unter "OnlineShop: Suchen -> Eigenschaften </HEAD> Tag ein.

<style>@media (max-width: 719px) and (min-width: 320px) {.imHeading1 {line-height: 30px !important;}}</style>

Gruß

MACMASTER

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