css เปลี่ยนหน้าตาฟอนท์

CSS ใน the7 สำหรับเปลี่ยนฟอนท์

Copy CSS ด้านล่างไปใช้ได้เลย แล้วเปลี่ยนชื่อฟอนท์เท่านั้น โดยใช้งานร่วมกับปลั๊กอินชื่อ Seed fonts สำหรับ The 7 เท่านั้นครับ ตัวฟอนท์ผมเลือก header เป็น Google Fonts : Prompt นะครับ ใครใช้ฟอนท์อื่น ๆ ก็เปลี่ยนชื่อฟอนท์เอาใน CSS ด้านล่างครับ

copy css ข้างล่างนี้ไปใช้ ใส่ไว้ที่ Theme options > Advance > CSS

/*breadcrumbs background color*/
.page-title .breadcrumbs {
background-color: rgba(0, 0, 0, 0.05);
}
.main-nav > li > a .menu-text {
font-family:'Prompt';
}
.post .entry-title a {
font-family:'Prompt';
}
.page-title h1, .page-title h1 *, .page-title h1 a:hover, #page .page-title .entry-title{
font-family:'Prompt';
}
.sidebar-content .widget-title {
font-family:'prompt';
font-size:1.5em;
}
body,h1,h2,h3,h4,h5,h6,
h1.fancy-title,.dt-fancy-title,.widget-title,
div.page-title.title-left.full-width-line h1.h2-size,
.post h2.entry-title,.page-title h1,
.page-title .entry-title,.content-right.fancy-header .wf-td,
.title-left .breadcrumbs,
.title-right .hgroup ,.h3-size, {
font-family: 'prompt';
}
.text-secondary {
display:none;
}
.entry-author {
display:none;
}
.blog-shortcode .entry-meta, .portfolio-shortcode .entry-meta, .owl-carousel .entry-meta{
display:none;
}
.post-meta .entry-meta, .post-meta .entry-tags{
display:none;
}
.blog-content .entry-meta, .portfolio-categories{
display:none;
}
.footer .widget-title {
font-family: 'Prompt';
}
.nav-previous .post-title {
font-family: 'Prompt';
}
.post-navigation .nav-next .post-title {
font-family: 'Prompt';
}

สงสัยสอบถามเพิ่มเติมหรือติดต่อเรียน WordPress กับเราได้ที่

Line ID : http://line.me/ti/p/%40WebWithWP
Facebook page : https://www.facebook.com/webwithwp
โทร : 0943458998
website : https://www.webwithwp.com

About the author