WordPress puock主题美化

共计 1036 个字符，预计需要花费 3 分钟才能阅读完成。

设置主题圆角

编写以下 css 放入“Puock 主题配置 – 脚本及样式 – 头部自定义全局 CSS 样式”

.p-block,.widget,.input-group {border-radius: 20px;}
.widget-puock-author .header {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.col-6,.p-0 {border-radius: 20px;}
.abhl {border-radius: 20px;}
.wight{filter: blur(1px);
} 

调整页面整体布局宽度

修改文件：wp-content/themes/wordpress-theme-puock-2.7.5/assets/dist/style/style.min.css

@media (min-width: 1360px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 1500px;
  }
}

设置图片左对齐

修改文件：wp-content/themes/wordpress-theme-puock-2.7.5/assets/dist/style/style.min.css

#post .entry-content img:not(.wp-smiley),
#page .entry-content img:not(.wp-smiley),
.block-content .entry-content img:not(.wp-smiley),
#page .entry-content-box img:not(.wp-smiley),
.block-content .entry-content-box img:not(.wp-smiley) {
  max-width: 100%;
  height: auto;
  margin: 10px auto;
  display: block;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
#post .entry-content-box img:not(.wp-smiley){
  max-width: 100%;
  height: auto;
  margin: 10px auto;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
  display: unset !important;
}