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

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' );

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

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.

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

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

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, 10 Monaten von Bego Mario Garde. Grund: Code formatiert

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