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:
- Lợi và hại của việc dùng nhiều plugin trong web wordpress
- Tạo Lightbox nhiều bước, báo giá nhiều lựa chọn trong Flatsome
- Cách thêm code các loại vào website wordpress
- Hide product zero price / Hide products without price in WooCommerce
- Tạo nút Read More / Read Less (Xem thêm / Ẩn nội dung) cho nội dung quá dài trong wordpress