Bogaty Lite 主题的优化

本站使用的 Bogaty Lite 主题的优化

外观 - 自定义 - 额外 CSS 中添加如下代码

body{
	color: #636b6f;
}
.sidebar-area a {
	color: #636b6f;
}
.widget ul > li:not(.blocks-gallery-item):before, .entry-content ul > li:not(.blocks-gallery-item):before {
	transform: rotate(0deg); 
	border-radius:50%;
	background:#fff;
	border:2px solid #ccc;	
}

#content img {
	max-height:1024px;
}
video {
	max-height: 668px;
}
.page .entry-content > p:first-child, .single .entry-content > p:first-child{
	font-size:unset;
	font-weight:unset;
}
.entry-content p.read-more,.more-link{
	display:inline-block;
	border-radius:50px;
	padding:8px 15px;  
	font-size:15px;
	margin-top:10px;
	border: 2px solid #f6f6f6;
	background-color:#f6f6f6;
	color:#2a3b4d;
	border-radius:0px;
}
.more-link i {
	color:#636b6f;
}
.entry-content p.read-more:hover,.more-link:hover{
	color:#fff;
	background-color:#2a3b4d;
	border:2px solid #2a3b4d;
	opacity:1;
}
figcaption{
	text-align:center;
}

.home.blog .entry-content p:nth-last-child(2){
	display:none;	
}
article{
	padding: 20px 0 20px;
}
body, button, input, select, textarea,.widget{
	font-size: 1.5rem;
}
.site-description{
	font-size: 1.5rem;
}
p,pre{
	margin: 0 0 1.2em;	
}
pre{
	padding:12px 15px;
	border-radius:5px;
	line-height:1.4em;
}
.entry-content p:first-child{
	font-size:unset;
}
.entry-footer .edit-link{
	margin-top:0;
}
.entry-content, .entry-summary{
	margin: 1em 0 0;
}
.site-content{
	margin-top:20px;
}
p.has-background{
	padding:14px 15px;
	border-radius:5px;
	display:inline-block;
}
.entry-content blockquote{
	padding:12px 25px 8px;
}
.entry-content>p>a{
	background: #f5f5f5;
 	padding: 8px 10px;
	border-radius:5px;
}
.entry-content>p>img,.wp-block-image>img{	
	background: #f5f5f5;
	border-radius:5px;
}
ol > li.pingback{
	margin-bottom:0;
}
.pingback .comment-body{
	padding-top:10px;
}
ol.comment-list > .comment > article{
	padding:20px 0 15px;
}
ol.comment-list .children .comment > article{
	margin-bottom:15px;
}
.comment-author .avatar{
	border-radius:4px;
}
ol.comment-list > .comment p{
	padding-right:15px;
}
.comment-form .form-submit input{
	margin:unset;
}
.comments-area{
	margin-bottom:20px;
}
.comment-form label{
	padding-top:10px;
}
article{
	border-bottom:unset;
}
li > ul, li > ol,ol > li > ul{
	margin:unset;
}

h1{
	font-size:3rem;
}
h2{
	font-size:2.6rem;	
}
.entry-content>h2{
	font-size:2.2rem;	
	font-size: 1.5em;
	padding-bottom: .3em;
	border-bottom: 1px solid #eaecef;
	margin-top: 24px;
	margin-bottom: 16px;
	font-weight: 600;
	line-height: 1.25;
}

.entry-content>h3{
	font-size: 1.25em;
}
.entry-content>h4{
	font-size: 1em;
}

.entry-content>h2,.entry-content>h3,.entry-content>h4,.entry-content>h5,.entry-content>h6{
	margin-top: 24px;
	margin-bottom: 16px;
	font-weight: 600;
	line-height: 1.25;
}


.entry-content>ul{
	padding-left: 2em;
}
.entry-content ul > li:not(:last-child) {
    margin-bottom: 10px;
}

#comments h3 {
	margin: 0 0 1em 0;
	padding: 15px 20px 15px 26px;
	position: relative;
	font-weight:600;
	line-height: 30px;
	background-color: #f6f6f6;
}
#comments h3:before{
	content: "";
	border-left:8px solid rgb(255, 105, 0);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
h3{
	font-size:1.8rem;
}
h4{
	font-size:1.6rem;
}
p{
	line-height:2.0em;
	margin-bottom:0.5em;
}
code{
	font-size: 1.3rem;
	line-height: 1;
	color:#676767;
}
.hentry{
	margin:0;
	position:relative;
}
.entry-footer .edit-link{
	position: absolute;
	top: 5px;
	right: 0;
}
.single .entry-header{
	border-bottom:2px solid #f6f6f6;
}
.entry-meta{
	margin-bottom:16px;
}
article,article:first-of-type{
	padding: 0 0 20px;
}
article.hentry{	
	padding: 0 0 20px;
	margin-bottom:20px;
	border-bottom:2px solid #f6f6f6;
}
.sidebar-area .widget:not(:last-child){
	margin: 0 0 45px;
}
.tagcloud.tags-links{
	margin-bottom:10px;
}
article{
	padding-bottom:0 ;
}
.sidebar-area a {
    display: inline-block;
    max-width: 285px; 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle;
}
.widget ul > li {
    white-space: nowrap;
}