Umlaufender weißer Rand um Website

  • Gelöst cyclingarchitect

    (@cyclingarchitect)


    vor 2 Wochen, 6 Tage

    Hallo Leute,

    seitdem ich in meinem Footer und den sich dort befindenden Social Media Symbole, ein Symbole hinzugeführt habe, hat meine Website einen umlaufenden weißen bzw. über der Menüleiste (Abstand über dem Logo sollte der gleich wie nach unten sein) schwarzen Rahmen.
    Ich habe nach Feststellung meine getätigte Einstellungen wieder rückgängig gemacht, doch leider ist die Rahmung geblieben.
    Der Rand entsteht auch erst, nachdem (ca. 0,5sec) die Website vollständig geladen ist. Auf dem Smartphone gibt es den Rahmen nicht und alles sieht so aus wie es aussehen soll.

    Der „Website-Zustand“ weißt keinerlei Auffälligkeiten auf, die das Problem verursachen könnten.

    Benötigt ihr noch weitere Informationen um helfen zu können?

    https://raum-bildung.de/wp-content/uploads/2024/09/Bildschirmfoto-2024-09-24-um-21.56.42.png

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)
  • Moderator threadi

    (@threadi)

    vor 2 Wochen, 6 Tage

    Das wird durch das von dir genutzte kommerzielle Theme Kalium erzeugt. Ob und wie man das deaktivieren kann, müsste dir deren Support mitteilen können: https://themeforest.net/item/kalium-creative-theme-for-professionals/10860525/support – fragen zu kommerziellen Produkten kann man hier im Forum nicht beantworten.

    Moderator Angelika Reisiger

    (@la-geek)

    vor 2 Wochen, 5 Tage

    @cyclingarchitect
    Versuch es einmal mit dem folgenden CSS-Code

    .page-border > .top-border, .page-border > .right-border, 
.page-border > .bottom-border, .page-border > .left-border {
    padding: 0;
}

    oder vielleicht ist auch ein !important notwendig, also

    .page-border > .top-border, .page-border > .right-border, 
.page-border > .bottom-border, .page-border > .left-border {
    padding: 0 !important;
}

    Für weitere Fragen, das Theme betreffend, wende dich bitte an den Entwickler (wie im vorherigen Beitrag bereits beschrieben).

    CSS-Code kann man (wenn kein Child-Theme vorhanden ist) im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS (ganz ans Ende) einfügen.

    Abgekürzter Weg -> (dein-domainname.de/wp-admin/customize.php), also:

    /wp-admin/customize.php an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.

    Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL (STRG) + SHIFT + Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu).

    Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst. Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.

    Thread-Starter cyclingarchitect

    (@cyclingarchitect)

    vor 2 Wochen

    Danke für eure Hinweise!

    @la-geek
    Leider behebt der Code das Problem nicht. Ich werde mich an die Entwickler wenden.
    Auf dem Smartphone trat das Problem nie auf.

    Moderator Angelika Reisiger

    (@la-geek)

    vor 2 Wochen

    @cyclingarchitect
    Der Code sollte funktionieren. Es wäre gut gewesen, wenn du den CSS-Code nicht wieder entfernt hättest, damit man nachvollziehen kann, woran es scheitert.

    Da du dich nun an den Entwickler wendest, setze ich den Thread auf gelöst, damit wir nicht unnötigerweise immer wieder hier hereinschauen.

    Thread-Starter cyclingarchitect

    (@cyclingarchitect)

    vor 2 Wochen

    @la-geek
    Habe den CSS-Code nun wieder drin. Schau gerne mal nach.

    Moderator Angelika Reisiger

    (@la-geek)

    vor 2 Wochen

    @cyclingarchitect

    Der weiße Rand ist weg. Teste einmal in einem Browser, den du noch nicht verwendet hast.

    Thread-Starter cyclingarchitect

    (@cyclingarchitect)

    vor 2 Wochen

    @la-geek
    Der Rahmen ist noch da, nur ist er jetzt schwarz. Sieht man am weißen Strich der unter dem Menü und Logo nicht bis an den Rand geht sowie am größeren Abstand über dem Logo oben links in der Menüleiste. Hier ist der Abstand zwischen Logo und horizontalem weißen Strich nicht identische mit dem, der sich zwischen Logo und oberem Rand des Browsers befindet.
    Beim Zusammenschieben (Browser schmaler machen) ist auch zu sehen, dass in der schmalsten Variante (Smartphone) das Logo etwas nach oben rutscht und in der Ansicht der Abstand um das Logo herum gleich ist.

    Moderator Angelika Reisiger

    (@la-geek)

    vor 2 Wochen

    @media screen and (min-width: 768px) {
    body > .wrapper#main-wrapper,
    .fullscreen-menu-footer {
        margin: 0;
    }
    .elementor-216 .elementor-element.elementor-element-4fa65dce {
        --width: 55.58%;
    }
}

    Und zum Schluss noch dieser Hinweis:

    Wir helfen hier bei Anwendungsproblemen, die in Zusammenhang mit WordPress auftauchen. Deine Fragen/Probleme sind jedoch bezogen auf CSS, da geben wir hin und wieder mal einen Tipp.

    Für weitere CSS-Probleme jedoch solltest du dich selbst näher mit CSS beschäfigen z. B. hier, hier oder hier.

    Ich ergänze diese Links zum Erlernen von CSS noch mit einem Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum

    Thread-Starter cyclingarchitect

    (@cyclingarchitect)

    vor 2 Wochen

    @la-geek
    Der Code funktioniert.
    Ich danke dir sehr!

    Moderator Angelika Reisiger

    (@la-geek)

    vor 1 Woche, 6 Tage

    Gerne 🙂 Danke für die Rückmeldung.

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)