Theme Tempera, Anordnung Widgets

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • ich hab's mal so auf die schnelle probiert:

    CSS
    #front-columns > li, #front-columns > div.column4, #front-columns > li:nth-child(n+4) {
    margin-right: 10% !important;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Da habe ich aber nur drei nebeneinander. Weil es insgesammt acht Kommunen sind, wollte ich die schön in Zweierreihe darstellen. Auf drei kann ich auch in den Theme-Options umstellen. Dann sieht es so aus, wie wenn ich deinen Code hinterlege.
    Vielleicht noch eine Versuch?

  • Code
    #front-columns > li:nth-child(4), #front-columns > li:nth-child(8) {
    margin-right: 0;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • setz mal noch ein !important hinter die Formatierung.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Achso ja, vermutlich weil n+4 noch greift. Dann musst du n+5 wieder ein margin-right von 5% geben.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Ich habe jetzt folgendes eingegeben:

    #front-columns > li:nth-child(4), #front-columns > li:nth-child(8) {
    margin-right: 0;!important
    }
    #front-columns > div.column4, #front-columns > li:nth-child(n+5) {
    margin-right: 5%;
    }

    Jetzt sieht es so aus:

  • PN spar dir bitte demnächst, darauf reagiere ich nicht. Wenn ich Zeit hab gucke ich hier Threads durch und versuche zu helfen. Aber nicht auf Zuruf via PN.

    Also, ich tät's dann jetzt mal so versuchen ... Bild 4 und 8 bekommen einen Abstand von 0 und die anderen einen Abstand von 5%:

    CSS
    #front-columns > li:nth-child(n+5) {
    margin-right: 5%;
    } 
    #front-columns > li:nth-child(4), #front-columns > li:nth-child(8) {
    margin-right: 0 !important;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • du hattest das !important nur falsch gesetzt :-P

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Kann ich noch etwas tun, damit die Bilder auch auf kleinen Bildschirmen (Smartphone) responsive reagieren? Sie tun das nur ein Stück weit, dann verlieren sie Ihre Proportionen. Der Slider und restlicher Content passen sich an.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!