wordpress的额外样式css修改,不用修改style.css

作者: Arvin Chen 分类: 互联网 来源: Break易站(www.breakyizhan.com)

这篇文章主要讲的是wordpress的额外样式css修改,不用修改style.css, 所有wordpress的相关文章可在这篇文章找到:  wordpress教程汇总


wordpress的额外样式css修改


wordpress的额外样式css修改,不用修改style.css。对于wordpress的文章,里面有的样式我们是感到很不满意的,所以我们可以对其进行修改,主要通过主页的自定义→额外css样式进行修改,不用修改style.css里面的样式。把我的样式内容送给大家,大家可以进行适当的微调。

#main {
clear: both;
overflow: hidden;
padding: 20px 0 0 0;
}
#content {
margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
color: #333;/*文章字体颜色*/
font-size: 14px;/*文章字体大小*/
line-height: 120%;/*行间距*/
font-family:微软雅黑;
letter-spacing:0.5px;/*字间距*/

}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
margin-bottom: 15px;/*段落间距*/

}

检索的路径可以看下面图片:

wordpress的额外样式css修改,不用修改style.css

wordpress的额外样式css修改,不用修改style.css

定位wordpress文章中的样式,修改字体大小


如果上面的修改方法没有成功,那么,文章中的css样式就定位不准了,我们可以用谷歌浏览器或者火狐浏览器来定位文章中的css样式,调用console是用F12来调用的,用console上面的鼠标箭头变可以定位文章中的样式,大家可以看一下这篇文章的定位:

从上面的段落定位,我们可以看到,文章中的段落为main h2这个定位来修改文章h2的样式,修改后的额外css代码如下:


.main h2{
font-size:30px;
margin-top:30px;
}

本文内容来自:wordpress的额外样式css修改,不用修改style.css – Break易站


—Author: Arvin Chen   —Web Address: www.breakyizhan.com  (Break易站)

  •   本文标题:wordpress的额外样式css修改,不用修改style.css - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/ittalk/141.html
      微信返利机器人
      免费:淘宝,京东,拼多多优惠券
      腾讯,爱奇艺,优酷的VIP视频免费解析,免费看
      即刻扫描二维码,添加微信机器人!

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注