Support » Allgemeine Fragen » CSS-Problem

  • Moin,

    ich erstelle gerade eine Website für einen Kunden mit WordPress.

    Auf der Site unter der angegebenen URL habe ich in den Header das Widget von Meta Slider mit einer kleinen Diashow eingebunden.

    Ich will nun entweder, dass die Diashow oben zum Titel und Firmennamen den gleich weißen Abstand hat wie unten zum Menü. Oder eben der weiße Rand unten zum Menü wegfällt, so dass die Diashow direkt unter dem Firmennamen kompakt eingebunden ist.

    Ich kenne mich leider mit CSS nicht sehr gut aus, so dass ich hier die Frage stelle.

    Ich bitte um zwei Lösungsvorschläge.

    Da wir gerade bei Lösungsvorschlägen sind: Kann man die Diashow von der vertikalen Ausdehnung auch auf die Fensterbreite des Browserfensters vergrößern, so dass sie die Breite des Menüs hat?

    Und den weißen Text mit braunem Hintergrund bündig an den unteren Rand des jeweiligen Fensters setzen und den braunen Hintergrund auf die Breite des jeweiligen Fotos aufziehen?

    Danke.

    Ich wünsche einen schönen Feierabend.

    Grüße aus Hamburg

    Thobie

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

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das ist echt nicht unsere Aufgabe hier. 🙄

    Ausnahmsweise …

    .inner-wrap {
        max-width: none;
    }
    #header-text-nav-wrap {
        padding: 20px 0 10px; 
    }
    .main-content-section {
        max-width: 1140px;
        margin: 0 auto;
    }

    Die Anpassungen im Dashboard unter Design – Customizer – Zusätzliche CSS einfügen:
    zu 1a) weißer Abstand über dem Slider (=eigentlich Abstand unter dem Titel):

    #site-title {
    	margin-bottom: 25px;
    }

    oder zu 1b) weißer Abstand unter dem Slider ausblenden

    #header-text-nav-wrap {
    	padding: 20px 0 0 0;
    }

    zu 3) brauner Hintergrund:

    .metaslider.ms-theme-simply-dark .flexslider ul.slides .caption-wrap, 
    .metaslider.ms-theme-simply-dark .cs-title {
    	background: rgba(0, 0, 0, 0.25);
    	margin: 0;
      width: 100%;
    }

    ggf teil-transparent

    .metaslider .caption {
    	background: #7350005e;
    }

    ich erstelle gerade eine Website für einen Kunden

    Ich kenne mich leider mit CSS nicht sehr gut aus

    Das ist ja eine tolle Kombination

    Moin,

    @pixolin

    Das hat leider nichts gebracht. Nur, dass die komplette Website sich in der Breite auf die Breite des Browserfensters ausgedehnt hat. Also Slider und Inhaltstext der einzelnen Seiten. Ich will jedoch nur den Slider in dieser Weise austreiben.

    @jostu55

    Die ersten beiden Codes sind gut. Bringt einen weißen Abstand zwischen Seitentitel und Slider. Und nimmt den weißen Abstand zwischen Slider und Menü. Gut. Danke.

    Die unteren beiden Codes brachten nichts.

    @bscu
    Ich bin WordPress-Profi. Aber kein Programmierer. Deswegen kenne ich mich mit PHP und CSS nur rudimentär aus. Aber wozu gibt es solche Foren wie dieses hier, wo man Fragen dazu stellen kann? Selbst ein professioneller Webdesigner und Programmierer wird sich nicht in allen Bereichen auskennen und gern auf solche Hilfestellungen einmal zurückgreifen.

    Ich habe auf diese Weise beim Einrichten der Site mit WordPress auch zwei Probleme mit zwei Plugins lösen können, das eine durch Fremd-Hilfe, beim zweiten fand ich schließlich die Lösung selbst.

    So, mir fehlt jetzt also nur noch der Code, wie ich den Slider austreibe. Hilfestellung?

    Ich wünsche einen schönen Feierabend.

    Grüße aus Hamburg

    Thobie

    Hallo @thobie

    bitte beachte (auch bei weiteren Fragen), dass dieses Forum Probleme mit WordPress behandelt, für CSS-Probleme/-Fragen nutze bitte ein darauf ausgerichtetes Forum: https://www.google.com/search?q=forum+css

    Ich schließe daher den Thread.

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „CSS-Problem“ ist für neue Antworten geschlossen.