Beiträge von Sailor56

    Schriftfarbe außerhalb der Bilder:

    #zerif_5a6b146b55f94 .container,
    #zerif_5a6b146b55f94 .section-header h2,
    #zerif_5a6b146b55f94 .section-header h6 {
    color: #000;
    }

    Schrift in den Bildern:

    .foogallery.fg-preset .fg-caption {
    color: #000;
    }

    Öffnen des Fensters beim Anklicken könnte irgendwo in den Einstellungen des Galerie-Plugins eingestellt werden. Das kann nur jemand beantworten, der das Plugin kennt.

    Versuche doch mal folgendes:
    Schritt 1:
    Lösche dieses ganze

    HTML
    #compact_one_features_section .feature_each_img img {
        -webkit-transform: translate(0%, 35%);
        -moz-transform: translate(0%, 35%);
        -ms-transform: translate(0%, 35%);
        -o-transform: translate(0%, 35%);
        transform: translate(0%, 35%);
    }


    ... sollte das nicht gehen, weil im Theme (style.css) dann nehme diese Formatierungen in dein 'zusätliches CSS' und setze alle % Werte auf 0!

    Schritt 2:
    Füge folgende Formatierung in dein 'zusätzliches CSS' ein

    HTML
    #compact_one_features_section .feature_each_img {
      padding-top: calc(50% - 4px);
      overflow: hidden;
    }
    
    
    #compact_one_features_section .feature_each_img img {
      margin-top: -50%;
     }

    Die Formate, die das Theme vorgibt, stehen normalerweise in der style.css. Bei der Formatierung (siehe Screenshot aus vorherigem Beitrag) steht aber 'Inline: 122', was darauf schließen lässt, dass es aus dem zusätzlichen CSS stammt. Könntest du das bitte nochmal prüfen! Denn es sind dort ja auch die 'transition: border-radius 0.1s, border-color 0.4s;' eingefügt und die kommen definitiv nicht vom Theme, das habe ich dir im Zusammenhang mit einer deiner früheren Entwürfe geschickt!

    Und das Hineinzoomen würde auch funktionieren, wenn du genau in dieser CSS Anweisung folgendes einfügst.

    [COLOR=brown][COLOR=red] [/COLOR][/COLOR][COLOR=#000000]-ms-transform: scale(1.1); /* für IE 9 */
    -webkit-transform: scale(1.1); /* für Safari */[/COLOR]
    transform: scale(1.1);

    1.1 ist der Faktor, um den das Bild beim Hover vergrößert wird. Kann auch jeder beliebige andere Wert sein.

    Hast du die Änderungen schon online?
    Ich sehe da immer noch die Anweisung...
    .focus-box .service-icon:hover .pixeden {
    border-radius: 50%;
    border-color: #FC6D6D;
    border-width: 10px;
    transition: border-radius 0.1s, border-color 0.4s;
    }

    Setze bitte in dieser Anweisung

    border-radius: [COLOR=#ff0000]0%[/COLOR];

    und

    border-width: [COLOR=#ff0000]0px[/COLOR];

    Das liegt an dem Hover-Effekt, den du vorher mühsam eingebaut hast!

    HTML
    .focus-box .service-icon:hover .pixeden {
        border-radius: 50%;
        border-color: #FC6D6D;
        border-width: 10px;
        transition: border-radius 0.1s, border-color 0.4s;
    }


    Da du jetzt keine Border mehr hast... und so wie es aussieht auch gar keinen Hover-Effekt... könntest du diese Anweisung löschen. Oder, falls du es dir später nochmal anders überlegst, kannst du auch zunächst erst 'border-radius: 0%;' und 'border-width: 0px;' setzen.

    Oh ja... mein Fehler! Habe versucht die Handyansicht mit den Webentwickler Tools auf dem PC zu simulieren - das funktioniert in deinem Fall anscheinend nicht. Aber ohne diese Tools (insbesondere den 'Inspektor') komme ich nicht an den Code der Seite in der mobilen Ansicht heran und kann dir da dann leider auch nicht weiter helfen.

    Wenn du dich an das CSS nicht heran traust und wir nicht schauen können, an welchen Schrauben man drehen kann, dann wird das schwierig dir zu helfen.
    Allerdings, wenn du überhaupt irgendetwas probieren willst, dann ändere auf gar keinen Fall die Original-CSS-Dateien, sondern trage deine Änderungen im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS) ein. Da kannst du nichts kaputt machen und alles was nicht passt einfach wieder löschen.

    Sorry... den Fehler kann ich nicht nachvollziehen. Ob nun mit oder PlugIn, die Seite ist nicht responsive! Da sind bei fast allen ausschlaggebenden 'Elternelementen' feste Größenvorgaben (width: 940px;) im CSS vorgegeben und daran hält sich deine Seite. Auf einem Display, das kleiner als 940px ist ist somit immer nur der linke Seitenrand zu sehen... allerdings horizontal scrollbar.

    Wo hast du de Code eingefügt?
    Bitte vom Dashbord -> Design -> Custumizer -> zusätzliches CSS
    ... ich kann auf deiner (online) Seite noch nicht erkennen, dass du das gemacht hast!
    Wenn du es bisher nur offline geändert hast, bitte mal Cache leeren, vielleicht hast du noch 'Altdaten' im Browser.

    .. ich könnte mir da so etwas in dieser Art vorstellen:

    .focus-box .service-icon .pixeden {
    border-radius: 0%;
    border-color: transparent;
    border-width: 0px;
    transition: border-radius 0.4s, border-color 0.1s;
    }
    .focus-box .service-icon:hover .pixeden {
    border-radius: 50%;
    border-color: #FC6D6D;
    border-width: 10px;
    transition: border-radius 0.1s, border-color 0.4s;
    }

    Das lässt sich aber bestimmt noch verfeinern.