Benutzerdefinierte CSS funktioniert nicht

ukgumo

Hallo WP-Gemeinde,

ich wollte mir ein benutzerdefiniertes CSS basteln und habe auch eine Lösung gefunden. Unter http://bueltge.de/wp-bestehende-…e-anpassen/496/ Also habe ich nach der Anleitung eine custom.css erstellt und die entsprechenden Änderungen in der header.php vorgenommen.

PHP

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/custom.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
    /* We add some JavaScript to pages with the comment form
     * to support sites with threaded comments (when in use).
     */
    if ( is_singular() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' );


    /* Always have wp_head() just before the closing </head>
     * tag of your theme, or you will break many plugins, which
     * generally use this hook to add elements to <head> such
     * as styles, scripts, and meta tags.
     */
    wp_head();
?>
</head>




<body class="custom">
<div id="wrapper" class="hfeed">

Alles anzeigen

Soweit, so gut, habe in die neue Custom.css eine Teständerung eingegeben, aber es passiert absolut nichts.

Kann mir hier jemand behilflich sein? vielen Dank schonmal.

LG

Werbepost

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

gericoach

Weil du erst die custom und dann die original.css aufrufst. somit überschreibst du die custom.css wieder.

Monika

CSS heißt ausgesprochen Cascading Style Sheet
Kaskade bedeutet die untenstehende Deklaration überschreibt die obenstehende

daher muss die custom.css , die ja das normale Style.css überschreiben soll nach der style.css aufgerufen werden

bumbummen99

Lass erst die normalen styles laden und dann machst du dir am besten mit nen Kommentar ( /**/) platz und lässt die style.css (custom.css) und die restlichen von den plugins etc.

Hoffe ich konnte helfen :)

ukgumo

Hallo und vielen Dank für die Antworten.

Zunächst hatte ich den Aufruf für die Custom.css an zweiter Stelle aber das hat auch nicht funktioniert. Deshalb habe ich die Aufrufe ausgetauscht.

Zitat von bumbummen99

Lass erst die normalen styles laden und dann machst du dir am besten mit nen Kommentar ( /**/) platz und lässt die style.css (custom.css) und die restlichen von den plugins etc.

Ist damit gemeint, ich plaziere den Aufruf am besten am Ende der Header.php?

Prinzipiell: Ist die Syntax meines Aufrufes so überhaupt richtig? die Custom.css steht im WP-Verzeichnis unter Templates, Unterverzeichnis TwentyTen. da ist auch die style.css drin.

Nochmals vorab Danke für die Hilfe

bumbummen99

plaziere ihn mal in der functions.php.
das klappt bei mir mit bbpress wunderbar :)

ukgumo

Danke für den Tip.
In der Header.php habe ich den Aufruf

PHP

<body <?php body_class(); ?>>

abgeändert in

PHP

<body class="custom" >

Ich muss also die Änderungen in der Header.php rückgängig machen und dann in die funktions.php einfügen.
Wo plaziere ich den code und muss ich dann hier auch den Aufruf irgendwo ändern?

Danke schonmal für die Antwort.

bumbummen99

Also meines wissens nach musst du, um buddypress.css einzufügen einfach in der functions php die buddpress.css laden, der rest geschieht vollautomatisch

functions.php (twelve eleven)

Code

/**
 * Enqueue scripts and styles for front-end.
 *
 * @since Twenty Twelve 1.0
 */
function twentytwelve_scripts_styles() {
    global $wp_styles;


    /*
     * Adds JavaScript to pages with the comment form to support
     * sites with threaded comments (when in use).
     */
    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' );


    // Adds JavaScript for handling the navigation menu hide-and-show behavior.
    wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/navigation.js', array( 'jquery' ), '20140318', true );


    $font_url = twentytwelve_get_font_url();
    if ( ! empty( $font_url ) )
        wp_enqueue_style( 'twentytwelve-fonts', esc_url_raw( $font_url ), array(), null );


    // Loads our main stylesheet.
   /* Load plugins with following code:
    wp_enqueue_style( 'name.css', get_stylesheet_uri() . '/css/name.css');
   */


    wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() );
    wp_enqueue_style( 'buddypress.css', get_stylesheet_uri() . '/css/buddypress.css');


    // Loads the Internet Explorer specific stylesheet.
    wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20121010' );
    $wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' );
}

Alles anzeigen

ukgumo

Danke für deine Antwort.
Jedoch weiß ich jetzt nicht was ich mit BuddyPress anfangen soll. Habe mal kurz gegoogelt, das ist ein Plugin. Hilft mir das auch, eigene styles zu vergeben anstatt in der von mir geplanten custom.css?

bumbummen99

sorry,
dachte es geht hier um buddypress :)

also, das funktioniert genauso mit der custom.css :)

MfG

ukgumo

Hallo,
kein Problem :razz:

Ich habe mal folgenden Code unten an der functions.css angehängt:

PHP

/** Aufruf der Custom.css */
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/custom.css" type="text/css" media="screen" />
<body class="custom" >

für den Context habe ich mal die gesamte Datei hier hochgeladen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Benutzerdefinierte CSS funktioniert nicht

Jetzt mitmachen!