2016-12-18 48 views
0

我在設置菜單文本和粘滯標題中的圖標爲黑色時出現問題,在我的site中。我搜索了正確的類,但無法找到它的CSS樣式。我試過這個CSS:如何使文本和圖標在粘頭中變成黑色?

.header-wrapper .stuck { 
    color: #000 !important; 
} 

但不作任何改變。那麼如何讓粘滯標題中的文本和圖標變黑?

+0

你的網站是否有'.header-wrapper'? –

+0

插入: '.header-wrapper顏色:#000!重要; }' – Dora

+0

不作任何改變。 – Dora

回答

1

根據你提供的網站,你需要做的僅僅刪除名爲.nav-dark從滾動時(或.stuck類添加.header-wrapper)ID爲#masthead股利的類。

包括jQuery的:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

使用jQuery:

function customizeHeader() { 
    var window_top = $(window).scrollTop(); 
    if ($('.header-wrapper').hasClass('stuck')) { 
    $('#masthead').removeClass('nav-dark'); 
    } else { 
    $('#masthead').addClass('nav-dark'); 
    } 
} 

$(function() { 
    $(window).scroll(customizeHeader); 
    customizeHeader(); 
}); 

你會得到這樣的:

enter image description here

希望這是你想達到什麼樣的它有幫助!

+0

@Dora試試這個,讓我知道這是否有幫助? –

+0

我不能編輯CSS。我沒有訪問樣式文件。網站是WordPress的。任何其他溶劑? – Dora

+0

你可以使用jQuery嗎? –

相關問題