Css lại blockquote mặt định của Flatsome như sau
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
blockquote { font-size: 110%; color:#666; margin: 0 auto; border-left:0px; margin-left: 20px; padding-bottom: 50px; } blockquote h1 { font-size: 3rem; } blockquote p { font-style: italic; margin-bottom: 0; } blockquote p::before, blockquote p::after { content: "“"; font-family: Georgia; font-size: 6rem; margin: -3rem 0 0 -4rem; position: absolute; opacity: 0.5; color:var(--primary-color); } blockquote p::after { content: "”"; margin: -2rem -3rem 0 0; } blockquote cite { font-size: 1.5rem; } |
Kết quả là ta có blockquote mới css lại như dòng này
Bài viết mới:
- Hiển thị số lượt xem bài viết trong theme Flatsome không dùng plugin
- Hiển thị tất cả comment trong web wordpress, các tham biến của hàm WP_Comment_Query wordpress,
- Tổng hợp các đoạn code hay dùng cho woocommerce
- Hướng dẫn kiểm tra độ chai pin laptop bằng công cụ chính chủ Windows
- Ẩn các sản phẩm không muốn hiển thị trong trang danh mục woocommerce
