Css lại blockquote mặt định của Flatsome

Css lại blockquote mặt định của Flatsome như sau

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;
}

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

5/5 - (1 bình chọn)

Bài viết mới:

code, CSS, Flatsome

Css lại blockquote mặt định của Flatsome

Bài viết cùng chủ đề:

Kỹ thuật dồn các icon vào 1 file để hiển thị khi làm web

CodePen Home Textarea Tabs + Syntax Highlighting

Count Up Number trên themes Flatsome như thế nào?

Tạo bảng với nút tìm kiếm dữ liệu / How to – Filter/Search Table

Nội dung mặt định file .htaccess trong WordPress

Css hiệu ứng chữ nhấp nháy – blinking/flashing text with CSS 3

Tạo nút Read More / Read Less (Xem thêm / Ẩn nội dung) cho nội dung quá dài trong wordpress

Css thường dùng, cách tùy biến contact form 7

Aiken Trung