2017-05-11 41 views
0

我正在嘗試創建一個Wordpress子主題,但似乎無法讓它覆蓋父主題中的樣式。如何重寫CSSin Wordpress

的functions.php

<?php 

if (! function_exists('my_theme_enqueue_styles')) { 
    add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles'); 

    function my_theme_enqueue_styles() { 
     wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'); 
    } 
} 

/** 
* WP Enqueue Stylesheets 
*/ 
if (! function_exists('rev_cust_enqueue_stylesheets')) { 
    add_action('wp_enqueue_scripts', 'rev_cust_enqueue_stylesheets'); 

    function rev_cust_enqueue_stylesheets() { 
     wp_enqueue_style('rev-main', get_template_directory_uri() . '/layout/css/rev_main.css', array(), '', 'all'); 
    } 
} 

?> 

rev_main.css

#header .top-header .header-navigation ul li { 
    margin-left: 40px; 
    line-height: 1.375; 
    font-weight: normal !important; 
    font-size: 1px; 
    color: #fff; 
    text-transform: uppercase; 
    position: relative; 
    float: left; 
} 

爲什麼不是我的風格類沒有被拾起?

謝謝大家提前。

UPDATE

  1. 我不認爲甚至被拾起的css文件,
  2. 我啓用了子主題。
+0

添加到eveything – clearshot66

+0

重要也試試這個:http://stackoverflow.com/questions/19302877/overriding-css-style – clearshot66

+0

謝謝你的迴應,但'!important'什麼都不做。 –

回答

1

的問題是在:

get_template_directory_uri() 

在:

/** 
* WP Enqueue Stylesheets 
*/ 
if (! function_exists('rev_cust_enqueue_stylesheets')) { 
    add_action('wp_enqueue_scripts', 'rev_cust_enqueue_stylesheets'); 

    function rev_cust_enqueue_stylesheets() { 
     wp_enqueue_style('rev-main', get_template_directory_uri() . '/layout/css/rev_main.css', array(), '', 'all'); 
    } 
} 

?> 

這點,而不是子主題的父主題。

應該get_stylesheet_directory_uri如下:

function rev_cust_enqueue_stylesheets() { 
    wp_enqueue_style('rev-main', get_stylesheet_directory_uri() . '/layout/css/rev_main.css', array(), '', 'all'); 
}