這是一段為客戶寫的美化CSS，但是在測(cè)試網(wǎng)站好像出了問題，怪怪的，在此僅做記錄，方便后續(xù)開發(fā)維護(hù)。

想使用的同志可以自己調(diào)整下，如果后續(xù)喜歡的比較多，我就再優(yōu)化下。

示例

CSS

/*Npcink*/
/*標(biāo)志*/
.content-hidden-before i {
	left: -12em;
	padding: 0 0 0 20px;
    
}

/*說明文本*/
.content-hidden-info-title {
    margin-top: 0px!important;
    top: -1em;
	  position: absolute;
    left: 8em;
	color: red;
}

/*介紹文本與價(jià)格對(duì)齊*/
.content-cap-title {
    position: absolute;
	left:7.2em;
}

.content-cap-title:before {
	content:'此內(nèi)容需';
	font-size: 14px;
}

.content-cap-title:after {
	content:':';
	font-size: 14px;
}

.content-cap-title span {
	color: #111;
    font-size: 14px;
	padding: 0 10px 0 0;
}

/*價(jià)格文本*/
.content-user-money span {
    color: #fff;
    background-color: #3A4954;
    border: 1px solid #3A4954;
    line-height: 16px;
	border-radius: 5px;
}

.content-user-money:after {
	content:'/';
}
.content-user-money:after {
	content:'VIP會(huì)員免費(fèi)';
	background-color: #EF900C;
    border-radius: 5px;
    border: 1px solid #EF900C;
    padding: 0.01em 0.6em;
    margin-left: 1em;
    color: #fff;
    font-size: 14px;
}

/*按鈕*/
.entry-content a {
    padding: 0.2em 1.2em;
    border-radius: 5px;
    font-size: 14px;
}

/*第一個(gè)按鈕*/
.entry-content a:first-child {
    color: #fff;
    background-color: #1CA43E;
    border: 1px solid #1CA43E;
}

/*第二個(gè)按鈕*/
.entry-content a:nth-of-type(2) {
    color: #000;
    background-color: #EF900C;
    border: 1px solid #EF900C;
}

/*登錄后*/
.content-user-lv-login .content-cap-login {
	color: #fff;
    background-color: #1CA43E;
    border: 1px solid #1CA43E;
}
.content-user-lv-login .content-cap-login:after {
	content:'購(gòu)買';
}

.content-user-lv-login:after {
	content:'升級(jí)成為VIP';
	background-color: #EF900C;
    border-radius: 5px;
    border: 1px solid #EF900C;
    padding: 6px 6px;
    font-size: 14px;
}

如何使用

在主題根目錄下的style.css文件中的底部下添加以下代碼并保存。

相關(guān)推薦

B2主題日志頁(yè)底部“贊”美化 – WordPress美化

Muze

• 20年8月23日
• 喜歡：0
• 瀏覽：1.6k

B2連接組雙欄布局美化 – WordPress美化

Muze

• 20年6月7日
• 喜歡：0
• 瀏覽：1.5k