1

我使用Wordpress與Swift想法鄰域主題,這是運行在swift和twitter引導框架。wordpress兒童主題css風格得到結束

要改變主題的一些樣式我還使用了一個兒童主題,現在只是有一個style.css,並且對於某些部分工作正常。不過,我現在想要改變一些不同屏幕尺寸的引導響應式樣式,並且不起作用。

我的問題是,母題主題的responsive.css總是爲不同的屏幕尺寸搭配兒童主題的樣式。

在這裏,我會告訴你我想改變什麼。首先,我打開我的母親主題的兩個不同的.css文件這樣

@import url("../neighborhood/style.css"); 
@import url("../neighborhood/css/responsive.css"); 

而且下面,這是我想改變母親的主題風格:

@media only screen and (min-width: 1200px) { 
(...) 
body.woocommerce .has-no-sidebar ul.products li.product, body.woocommerce .has-no-sidebar .upsells.products ul.products li.product { 
     width: 270px; 
} 
(...) 
} 

在我的孩子主題style.css中我改變了這一行是這樣的:

@media only screen and (min-width: 1200px) { 
    body.woocommerce .has-no-sidebar ul.products li.product, body.woocommerce .has-no-sidebar .upsells.products ul.products li.product { 
     width: 31%; 
    } 
} 

對於我來說,這看起來都不錯,但我的母親題材的responsive.css總是騎過我的孩子主題的代碼風格。我在哪裏犯了一個錯誤?

在此先感謝,非常感謝您的幫助!

+0

嘗試的重要延伸,如果不工作,也許WordPress是覆蓋的地方你的文件,你將你的樣式表插入到頭文件模塊中? – kangoroo

+0

非常感謝!!重要的延伸幫助。有時它可以是如此簡單:) – studioDKR

+0

我也發佈了一個答案,如果你可以只... ...謝謝 – kangoroo

回答

0

嘗試一個!重要的擴展,如果這不起作用,也許wordpress覆蓋你的文件的某個地方,你插入你的樣式表到頭文件模塊? -

0

我遇到了完全相同的問題。 responsive.css覆蓋子主題css。在我的情況下,使用重要的似乎是失敗,因爲responsive.css已經使用了很重要!!!

// Code from responsive.css 
#main-navigation { 
    display: none; 
    float: none; 
    margin: 10px 20px 30px!important; 
}