更改WordPress主題中元素的字體顏色

我是Wordpress和CSS的新手。我最近購買了一個wordpress theme 更改WordPress主題中元素的字體顏色

我創建了一個website，我想更改網站中某些元素的顏色。因此，例如，在菜單項「機會」下，有一張圖片顯示「EMC客戶的潛力」。下面的線條呈灰色，幾乎不可讀。

所以我想改變顏色。主題選項允許我使用自定義的CSS ..

enter image description here

我使用的代碼是：

media="all" 
.white-overlay p { 
padding: 5px 0 15px; 
font-size: 15px; 
color: #a81800; 
}

當我嘗試添加的代碼下的wp-content到stle.css /主題/ vernum（我訪問使用FTP文件），我看到：

/* 主題名稱：vernum - 響應一頁視差模板主題URI：http://spyropress.com/themes/vernum 一uthor：Spyropress 作者URI：http://spyropress.com/ 描述：Vernum是一個春天，快樂的單頁網站的項目。它是現代和乾淨的，非常容易編輯。它準備使用jquery視差效應。有平坦和簡單的圖形。它是多用途的，所以你可以將它用作投資組合，或個人頁面，無論你想要什麼＆hellip; 版本：1.8.2 許可：WordPress主題由兩部分組成：（1）PHP代碼和GPL許可證一樣，也是WordPress本身的許可證。您會在與此文本文件相同的目錄中找到許可證文本的副本。或者您可以在此閱讀：http://codex.wordpress.org/GPL（2）本主題的所有其他部分（包括但不限於CSS代碼，圖像和設計）均根據購買的許可證進行授權。閱讀關於這裏許可的詳細信息：

http://wiki.envato.com/support/legal-terms/licensing-terms/ 
License URI: license.txt 
Tags: agency, clean, easy to use, flat, minimal, modern, multipurpose, one page, parallax, portfolio, responsive, retina, simple, spring, spyropress, builder 
Text Domain: spyropress 
*/ 


.wp-caption { } 
.wp-caption-text { } 
.sticky { } 
.gallery-caption { } 
.bypostauthor { } 
.alignright { } 
.aligncenter { } 
.alignleft { }

所以我不知道哪兒，我要補充的代碼但它不會改變顏色！會有人幫助èinvestigate..I've一直掙扎了好幾個小時:(

來源

2014-02-13 gazubi

只要刪除媒體=「所有」的部分（第一您的自定義CSS的線），它應該工作。 –

爲什麼你在那裏得到'media =「all」'。 –

你不需要media="all"這裏，所以只是將其刪除：

.white-overlay p { 
    padding: 5px 0 15px; 
    font-size: 15px; 
    color: #a81800; 
}

來源

2014-02-13 10:03:50 Felix

嗨我試着將這個代碼添加到sceenshot中顯示的窗口..但它不會改變任何東西。我不知道這是否是一個WordPress主題問題 – gazubi

@bob_d嘗試直接添加你的代碼裏面'你的主題style.css'文件，而不是通過管理面板就像你在這一刻 – Felix

做什麼，你知道哪裏是style.css文件位於wordpress中。正如我所說，我很新的環境 – gazubi

如果你想要做的是改變文本的顏色下的然後就插入您的自定義CSS如下：

.white-overlay p { 
    color: #a81800; 
}

這將使所有其他屬性（字體大小和填充），因爲他們在主CSS文件最初指定你不應該」 t將media =「all」放入CSS中，因爲：

它是多餘的;瀏覽器會認爲一個規則適用於所有媒體類型，除非另有說明。
語法實際格式是這樣的：

@media [媒體類型] {[選擇器] {[屬性]：[數值]。 }

如果你想使透明覆蓋有點不太透明，你還可以添加以下代碼：

.white-overlay { 
    background: rgba(255, 255, 255, 0.6); 
}

在背景價值最終數目指定的不透明度（從0到1），並由我從0.5更改爲0.6。

來源

2014-02-13 11:25:11

我不知道爲什麼，甚至將此代碼添加到我的瀏覽器之後，它不會改變顯示 – gazubi

我建議你只需添加它到你的自定義CSS文件，如果你對結果不滿意，你可以隨時把它拿出來或者調整它。 –

-1

我曾經歷過與Vernum WordPress的主題同樣的問題。出於某種原因（我不明白）他們style.css不是'正確'鏈接。我加入父主題的header.php文件副本的子主題文件夾內，並添加以下行來解決這個問題：

<head> 
    <?php wp_head(); ?> 
    <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css"  media="screen" /> 

</head>

這似乎給正確的能見度到style.css的，所以它可以被兒童主題覆蓋。請注意，我目前遇到了Vernum主題的其他問題，涉及多個樣式表的使用，所以它似乎不是嘗試和重新設計樣式的理想主題。

好運喬瓦尼

來源

2014-05-30 23:53:22 Giovanni

更改WordPress主題中元素的字體顏色

回答

相關問題