Home Đă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 7142 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.
  Giới thiệu cho bạn bè của bạn trang blog dlmod.com để giúp blog phát triển.
  Nếu vào link bị giới hạn 24 giờ thì các bạn chỉ việc đăng nhập tài khoản Google Drive là có thể tải bình thường. Thấy link tải lỗi (404), báo ngay dưới bình luận để được sửa link nhanh nhất. Cảm ơn!
  Trình duyệt của bạn: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
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ạ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 21462 46 15:52 02/12/2014
Thủ thuật khác - Thủ thuật Wordpress Blog
Tìm kiếm