Anpassen des Login-Pop-up-Fensters?

Entwickler
1

Ich habe Trendy Login gesehen, aber das ist für seiten, die eine Anmeldung erfordern. Ich habe auch Page Publishing gesehen, aber das scheint auch eine Anmeldung zu erfordern.

Ich möchte dieses Pop-up-Fenster anpassen, indem ich Elemente verschiebe, hinzufüge/entferne usw.

jjj
jjj717×436 18.9 KB

2

Hallo, Sie können das Anmeldefeld mit Making custom CSS changes on your site anpassen.
Ich hoffe, das hilft Ihnen.

3

Hallo, das habe ich auch schon gesehen, konnte aber die Pop-up-Anmeldemaske immer noch nicht finden :frowning:
Und das kann ohne Anmeldemodus verwendet werden?

4

Eine knifflige Frage. Ich möchte den Text im Login-Pop-up-Fenster ändern.
Ich benutze derzeit CSS, um den Text „Log in to your account“ durch „Login or Register here!“ zu ersetzen.

.login-subheader {
  visibility: hidden;
}
.login-subheader:after {
  content:'Login or Register here!';
  visibility: visible;
}

Das Problem ist, dass das Ergebnis so aussieht, obwohl es linksbündig sein sollte, wie der Originaltext…

wwww
wwww810×459 24.1 KB

Aber das liegt daran, dass das Original „Log in to your account“ einfach nur versteckt und nicht entfernt ist, sodass das, was wirklich da ist, Folgendes ist:

qqq
qqq788×423 20.7 KB

Gibt es also eine Möglichkeit, das HTML hier direkt zu ändern, anstatt seltsame CSS-Tricks zu verwenden?

5

Suchen Sie hier nach dem Text, den Sie ersetzen möchten, und ändern Sie ihn:

/admin/customize/site_texts

Weitere Informationen:

6

Ist das nur eine einfache Textänderung, oder kann ich HTML darin verwenden?
EDIT: Nach einem einfachen <b></b>-Test scheint es, dass man dort kein HTML verwenden kann … also brauche ich eine bessere Lösung.

7

Nein, HTML wird entfernt.

https://meta.discourse.org/t/customize-any-text-in-discourse/36092/73?u=omarfilip

8

Ich bin mir nicht sicher, wie man Zeilenumbrüche mit CSS zwischen Wörtern/Sätzen macht. Ist das überhaupt möglich? Oder bestimmte Wörter in einem Satz fett hervorheben usw.

9

Ich würde empfehlen, ein Tutorial auf einer Seite wie CSS Tutorial zu absolvieren.

Wenn Sie solche Änderungen vornehmen möchten, benötigen Sie einige Grundkenntnisse.

10

Tatsächlich wird die einzige Sache, die nicht entfernt wird, sind Zeilenumbrüche, daher funktioniert \u003cbr\u003e\u003cbr\u003e.

11

Ich habe bereits einige allgemeine Links gepostet, die Ihnen beim Erlernen von CSS und der Anpassung Ihres Forums helfen sollen:

12

Hm, funktioniert bei mir nicht?
qqq

13

Hallo :wave:

Bearbeiten Sie den Text in /admin/customize/site_texts

Zu diesem Format :arrow_down_small:
Screenshot 2024-03-27 at 12.26.57

Fügen Sie dann Folgendes zu CSS hinzu.

.d-modal {
  &.login-modal {
    .login-subheader {
      white-space: pre-line;
    }
  }
}

Ergebnis

Screenshot 2024-03-27 at 12.30.39

14

Vielen Dank!