Verfasste Forenbeiträge

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 52)
  • Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Hi,

    also ich hab jetzt nur noch eine Datei für den CSS-Code im Child-Theme. Das ist übersichtlicher. Problem waren auf jeden Fall die zwei Klammern, die ich zu der Regel hinzufügen musste und es funktioniert jetzt auch nur mit der !important Anweisung. Das reicht mir aber im Moment.

    Vielen Dank

    Philipp

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Ok. denke mal, ich sollte irgendwie ohne die style-mobile.css Datei im Child Theme auskommen. Richtig? Ich hab jetzt also mal alles was da drin steht gelöscht und einfach die entsprechende CSS-Regel die in der style-mobile.css des Parent Themes überschrieben werden soll in die style.css des Child-Themes geschrieben und important dazu gefügt. In dem Fall also:

    @media only screen and (max-width: 767px)
    body {
    width: 10% !important;
    }

    Leider kein Erfolg! So langsam denke ich, ich sollte vielleicht Feierabend machen und mich die Tage nochmal mit einem frischen Kopf dran setzen:)

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Ich dachte auch, dass ich die entsprechenden Anweisungen direkt in die style.css Datei des Childs schreiben kann aber leider werden die Anweisungen in der style-mobile.css des Parent-Themes so wie das bei mir aussieht nicht überschrieben.
    Hier nochmal meine functions.php:

    <?php
    function child_theme_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'mobile-child-style', get_stylesheet_directory_uri() . '/style-mobile.css');
    wp_enqueue_style( 'mobile-child-style', get_stylesheet_directory_uri() . '/style-mobile.css', array('givingpress-lite-style-mobile-css') );
    //wp_enqueue_style( 'child-print-css', get_stylesheet_directory_uri() . '/print.css');
    }
    add_action( 'wp_enqueue_scripts', 'child_theme_styles' );
    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Hi Bego,

    ich hab das schon verstanden, dass man nur die Regeln ins Child-Theme schreibt, die dann überschrieben werden sollen, aber erstmal muss ich wissen, dass das Zusammenspiel der Dateien so funktioniert, wie es sollte…

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Hi pezi,

    Im Child-Theme befindet sich ganz normal die Datei style.css. Hier kann ich die Regeln des Parent Themes ganz einfach überschreiben. Im Parent Theme ist aber in einem extra CSS-Ordner die Datei style-mobile.css untergebracht, die den CSS-Code für die mobile Version enthält. Um das Theme an eine mobile Umgebung anzupassen, also responsive zu gestalten würde ich gerne die CSS Regeln in der Datei style-mobile.css des Parent Themes überschreiben.

    grüße Philipp

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Die Datei müsste jetzt verfügbar sein, aber wenn ich dort die CSS Regeln umformuliere passiert leider auch nichts. Die Datei des Parent Themes befindet sich in dem Verzeichnis:

    http://www.ywca-drc.org/wp-content/themes/givingpress-lite/css/style-mobile.css

    Könnte das irgendwie mit den Angaben in der functions.php zusammenhängen?
    Wie gestalte ich die so, dass es möglich wird die Regeln der Originalsatei zu überschreiben?

    vielen dank

    Philipp

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Hi Bego,

    ich hab mir den Beitrag nochmal durchgelesen, finde aber leider nicht die Lösung zu meinem Problem. Die functions.php in meinem Child Theme:

    <?php
    function child_theme_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'mobile-child-style', get_stylesheet_directory_uri() . '/style-mobile.css');
    //wp_enqueue_style( 'child-print-css', get_stylesheet_directory_uri() . '/print.css');
    }
    add_action( 'wp_enqueue_scripts', 'child_theme_styles' );

    Außerdem der Header in der style.css

    /*******************************************************************************************************************
    
     Theme Name:   GivingPress Child
     Theme URI:    http://www.ywca-drc.org
     Description:  GivingPress Child Theme
     Author:       Philipp Kuhn
     Template:     givingpress-lite
     Version:      1.0.0
     License:      GNU General Public License v2 or later
     License URI:  http://www.gnu.org/licenses/gpl-2.0.html
     Tags:         blog, education, news, one-column, two-columns, three-columns, right-sidebar, custom-background, custom-header, custom-menu, custom-logo, featured-image-header, flexible-header, full-width-template, theme-options, translation-ready, sticky-post, featured-images, footer-widgets
     Text Domain:  givingpresschild
    */

    eigentlich müsste ich doch jetzt in dieser Datei Regeln von style-mobile.css im Parent Theme überschreiben können oder muss ich dazu eine neue Datei im Child-Theme Ordner anlegen? Selbst damit schaffe ich es nicht die Regeln von style-mobile.css zu überschreiben.

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Hallo,
    bräuchte da mal Unterstützung, weil ich im Moment wirklich nicht so richtig weiter weiß. Wie oben beschrieben habe ich die style-mobile.css Datei in ein Child Theme eingebunden und hätte gerne dass die Regeln in der Datei des Parent-Themes überschrieben werden, das passiert aber nicht. Meine neue Regel

    .featured-pages {
    		padding: 200px 50px 10px;
    	}

    wird in den Google Entwicklertools durchgestrichen angezeigt, kommt also nicht zur Anwendung. Woran könnte das denn liegen?

    Grüße

    Philipp

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Hi Bego,

    ich hab jetzt nochmal die Dateistruktur überarbeitet und in der Child-Theme style.css nur die Regeln verwendet, die im Parent Theme dann überschrieben werden. Auch den Header der Datei habe ich angepasst. Das funktioniert soweit gut, allerdings besteht das Probloem mit der style-mobile.css weiterhin. Wenn ich mit den EntwicklerTools bei Google Chrome ein Smartphone zur Ansicht wähle, dann taucht die Datei des Child Themes zwar auf, es scheint aber als sei die Hierarchie genau umgekehrt wie gewünscht, also, dass die style-mobile.css des Parent-Themes die style-mobile.css des Child Themes überschreibt. Kann das sein?

    grüße Philipp

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Ok. ja, hab ich gemacht. Also in der header.php des Child Themes.

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Hab ich gemacht und den Namen im Stylesheet des Child-Themes geändert.
    Leider keine Änderung. Hmmm…

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Ok. hab ich gemacht und die Datei im Parent Theme gelöscht. Es wird zwar auf die Datei zugegriffen, allerdings ist das Design jetzt irgendwie abgestürzt. Müsste doch eigentlich doch erstmal genau gleich aussehen wie vorher oder nicht?

    Forum: Allgemeine Fragen
    Als Antwort auf: style-mobile.css
    Thread-Starter philipp2208

    (@philipp2208)

    Ich hab das gemacht und meine functions.php sieht jetzt so aus:

    <?php
    function child_theme_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() . '/style.css' , array('parent-style'));
    wp_enqueue_style( 'mobile-child-style', get_template_directory_uri() . '/style-mobile.css');
    //wp_enqueue_style( 'child-print-css', get_stylesheet_directory_uri() . '/print.css');
    }
    add_action( 'wp_enqueue_scripts', 'child_theme_styles' );
    
    add_action( 'wp_enqueue_scrip', 'child_theme_sty' );

    Außerdem habe ich die Datei style-mobile.css in den Child-Theme-Ordner kopiert. Trotzdem greift WordPress auf die Datei im Parent-Theme zu. Woran könnte das denn liegen?


    Moderationshinweis: Kannst du bitte demnächst Code formatieren? Das Ändern ist immer recht aufwendig und ohne Formatierung ist das schlecht zu lesen.

    • Diese Antwort wurde geändert vor 3 Jahren, 4 Monaten von Bego Mario Garde. Grund: Code formatiert
    Forum: Themes
    Als Antwort auf: Responsive Design
    Thread-Starter philipp2208

    (@philipp2208)

    ja, das kenne ich. Ganz konkret ist mein Problem, dass auf dem Smartphone, die Ecken bei einigen Seiten nicht so richtig aufeinanderpassen und im unteren Bereich teilweise ein einfarbiger Hintergrund erscheint, der da nicht sein sollte. Ich würde auch ganz gerne die Startseite für Mobile Geräte ein wenig anders gestalten. Also der @media Tip war schon ganz gut… Ich versuch da dann morgen mal das besser hin zu kriegen. danke Dir!

    Forum: Themes
    Als Antwort auf: Responsive Design
    Thread-Starter philipp2208

    (@philipp2208)

    Alles klar, ich probier mal ein bisschen rum und würde mich dann gegebenenfalls nochmal melden…

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 52)