Đăng kí Yêu cầu Forum
Hướng dẫn tự động canh giữa hình ảnh trong bài viết WP

Hướng dẫn tự động canh giữa hình ảnh trong bài viết WP


Thanh Trung 4393 0

logo-wordpress

Mình cũng vừa bị cái lỗi này khi chèn 1 hình ảnh mình đã bấm canh giữa rồi những nó không canh giữa mà nằm bên trái rất xấu nên mình quyết định tìm cách sửa lỗi, tìm mãi mới ra được cách này nên chia sẻ cho bạn nào bị lỗi giống mình nhé.

Bạn chèn css sau vào css template của WordPress Blog bạn nhé:

/* =WordPress Core
————————————————————– */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin:0;
max-width: 98.5%;
padding:0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

Chúc các bạn thành công. Nhớ empty cache sau khi chèn mới được nhé.

  Xác nhận miễn phí và không có mã độc - Thanh Trung.
  Đừng quên bấm "Thích & Chia sẻ" bài viết hay để giúp blog phát triển.
Bình luận
Nội quy: Hãy bình luận có văn hoá, không dùng ngôn ngữ teen. Những bình luận vi phạm sẽ bị xoá và cấm bình luận vĩnh viễn. Cám ơn!
- Bình luận bằng tài khoản Facebook:
- Bình luận bằng tài khoản yeuapk.com:

Bạn phải đăng nhập hoặc đăng kí để gửi bình luận.
Bạn cũng có thể tham gia diễn đàn ya4r.net để được hỗ trợ nhanh hơn!

Không có bình luận nào!






Có thể bạn thích?
Cách đổi ảnh đại diện bình luận của Blog Yêu APK

Cách đổi ảnh đại diện bình luận của Blog Yêu APK

Thanh Trung 14457 45 15:52 02/12/2014
Thủ thuật khác - Thủ thuật Wordpress Blog