Theme Divi có một yếu điểm là ở một số nội dung trong module thiết kế và theme builder cho post không có lựa chọn đổi màu nền của chữ & tiêu đề, vì vậy sử dụng CSS là cách tốt nhất cho trường hợp này.
Bước 1: Thêm CSS class
Trong phần Advanced Tab Custom CSS, thêm CSS class sau:
pa-multi-line-highlight
Bước 2: Thêm code CSS tuỳ biến
Trong tab chính của DIVI, vào Theme Options và copy-paste code dưới đây:
.pa-multi-line-highlight h2, h3 {
color: #ffb300;
background-color: black;
line-height: 1.7em;
padding-bottom: 0px;
display: inline;
box-shadow: 10px 0 0px 0px black, -10px 0 0px 0px black;
box-decoration-break: clone;
}
Chú thích nếu bạn không rành về CSS (như mình):
- H2, H3, H1, p, span v.v.. là nội dung mà bạn muốn đổi màu nền hoặc thêm highlight.
- color: là đổi màu chữ.
- background-color: là đổi màu nền.
- box-shadow bạn cũng cần lưu ý đổi màu trùng với màu nền vì đây là phần đổi màu viền.
Bước 3: Kết quả
