رفتن به مطلب

تنظیم فاصله بین پاراگراف‌های قالب


پست های پیشنهاد شده

سلام، وقت بخیر

فاصله بین پاراگراف‌های وبسایت من متاسفانه زیاده. و بنا دارم این رو کمتر کنم، اما نمیدونم دقیقا مارجین کجای استایل رو ویرایش کنم تا بتونم مقدار دلخواهم رو وارد کنم. 

کدهای زیر مربوط به تایپوگرافیه:

/*--------------------------------------------------------------
## Type
--------------------------------------------------------------*/
body {
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.125;
}

a {
	transition: color 0.2s ease;
}

hr, .wp-block-separator {
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 38px !important;
	margin-bottom: 38px !important;
}

mark,
.mark {
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	text-transform: uppercase;
}

legend {
	font-size: 1rem;
}


/*--------------------------------------------------------------
## Post Content
--------------------------------------------------------------*/
.entry-content {
	line-height: 1.75;
}

.entry-content > a,
.entry-content > p > a,
.entry-content > ul li > a,
.entry-content > ol li > a,
.entry-content > p > em > a,
.entry-content > p > strong > a,
.entry-content .cnvs-block-column-inner > p > a,
.entry-content .cnvs-block-column-inner > p > strong > a {
	text-decoration: underline;
}

.entry-content > a:hover, .entry-content > a:focus,
.entry-content > p > a:hover,
.entry-content > p > a:focus,
.entry-content > ul li > a:hover,
.entry-content > ul li > a:focus,
.entry-content > ol li > a:hover,
.entry-content > ol li > a:focus,
.entry-content > p > em > a:hover,
.entry-content > p > em > a:focus,
.entry-content > p > strong > a:hover,
.entry-content > p > strong > a:focus,
.entry-content .cnvs-block-column-inner > p > a:hover,
.entry-content .cnvs-block-column-inner > p > a:focus,
.entry-content .cnvs-block-column-inner > p > strong > a:hover,
.entry-content .cnvs-block-column-inner > p > strong > a:focus {
	text-decoration: none;
}

.entry-content > blockquote {
	position: relative;
	line-height: 1.5;
	margin-top: 3rem;
	margin-bottom: 3rem;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	border-right: 0;
}

.entry-content > blockquote:before {
	display: block;
	margin-bottom: 1rem;
	font-size: 2rem;
	font-family: "cs-icons";
	font-weight: normal;
	content: "\e904";
}

.entry-content > blockquote cite {
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-top: 0.5rem;
}

.entry-content > blockquote p {
	line-height: 1.5;
}

.entry-content > blockquote p:first-child {
	font-size: inherit;
	margin-top: 0;
}

.entry-content > blockquote p:last-child {
	margin-bottom: 0;
}

.style-align-center .entry-content > blockquote {
	text-align: center;
}

.style-align-left .entry-content > blockquote {
	position: relative;
	padding-right: 4rem !important;
}

.style-align-left .entry-content > blockquote:before {
	position: absolute;
	right: 0;
	top: 0;
}

.entry-content cite {
	color: rgba(0, 0, 0, 0.5);
}

.entry-content .wp-caption-dd {
	color: rgba(0, 0, 0, 0.5);
	margin-right: 0;
}

.entry-content .cs-embed {
	margin-top: 48px;
	margin-bottom: 48px;
}

.alignnone {
	max-width: 100%;
}

.alignleft {
	float: none;
	margin-left: 0;
}

.alignleft:first-child + * {
	margin-top: 0;
}

@media (min-width: 760px) {
	.alignleft {
		float: right;
		margin-left: 2rem;
	}
}

.alignright {
	float: none;
	margin-right: 0;
}

.alignright:first-child + * {
	margin-top: 0;
}

@media (min-width: 760px) {
	.alignright {
		float: left;
		margin-right: 2rem;
	}
}

.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}

.aligncenter .wp-caption-text,
.aligncenter .wp-caption-dd {
	text-align: center;
}

img.alignleft,
img.alignright {
	margin-bottom: 1rem;
}

.wp-block-group.alignleft,
.wp-block-group.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
	max-width: 100%;
}

@media (min-width: 760px) {
	.wp-block-group.alignleft,
	.wp-block-group.alignright,
	.wp-block-pullquote.alignleft,
	.wp-block-pullquote.alignright,
	.wp-block-cover-image.alignleft,
	.wp-block-cover-image.alignright,
	.wp-block-cover.alignleft,
	.wp-block-cover.alignright {
		max-width: calc(50% - 1rem);
	}
}

/** =========== Blocks =========== */
.wp-block-columns > *:first-child {
	margin-top: 0;
}

.wp-block-columns > *:last-child {
	margin-bottom: 0;
}

.wp-block-columns .wp-block-column > *:first-child {
	margin-top: 0;
}

.wp-block-columns .wp-block-column > *:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 600px) {
	.wp-block-columns {
		flex-wrap: nowrap;
	}
}

p.has-background {
	padding: 1.5rem 2rem;
}

p > code {
	color: inherit;
}

p.wp-block-subhead {
	font-size: 1.25rem;
	color: #6c757d;
	opacity: 1;
}

p.has-drop-cap:not(:focus):first-letter {
	font-size: 4rem;
	line-height: 1;
	margin-top: 0.5rem;
	margin-left: 2rem;
	margin-bottom: 0.5rem;
}

.wp-block-separator:not(.is-style-dots) {
	border-top: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.wp-block-separator.is-style-dots {
	border: none;
}

.wp-block-separator.is-style-dots:before {
	color: #6c757d;
}

@media (min-width: 760px) {
	.wp-block-separator.is-style-wide {
		max-width: 680px !important;
	}
}

@media (min-width: 1020px) {
	.wp-block-separator.is-style-wide {
		max-width: 960px !important;
	}
}

@media (min-width: 1120px) {
	.wp-block-separator.is-style-wide {
		max-width: 1040px !important;
	}
}

@media (min-width: 1240px) {
	.wp-block-separator.is-style-wide {
		max-width: 1160px !important;
	}
}

.wp-block-separator:not(.is-style-dots):not(.is-style-wide):not(.alignwide):not(.alignfull) {
	max-width: 100px !important;
}

.wp-block-button {
	margin-bottom: 0;
}

.wp-block-button.alignleft {
	text-align: right;
}

.wp-block-button.alignright {
	text-align: left;
}

.wp-block-button.aligncenter {
	text-align: center;
}

.wp-block-button .wp-block-button__link {
	display: inline-block;
	padding: 0.375rem 1rem;
	transition: 0.2s;
}

.wp-block-button .wp-block-button__link:not(.has-background) {
	background-color: #007bff;
}

.wp-block-button .wp-block-button__link:not(.has-text-color) {
	color: white;
}

.wp-block-button .wp-block-button__link:hover {
	cursor: pointer;
}

.wp-block-code {
	background-color: rgba(0, 0, 0, 0.05);
	padding: 1rem 1.5rem;
	font-family: Menlo, Consolas, monaco, monospace;
	line-height: 1.75;
	font-size: 0.875rem;
	color: inherit;
	white-space: pre-wrap;
	border-radius: 0;
	border: none;
}

.wp-block-code .editor-plain-text {
	background-color: transparent;
	color: inherit;
}

.wp-block-preformatted {
	background-color: rgba(0, 0, 0, 0.05);
	padding: 1rem 1.5rem;
}

.wp-block-preformatted pre {
	padding: 0;
}

.wp-block-preformatted,
.wp-block-preformatted pre {
	font-family: Menlo, Consolas, monaco, monospace;
	line-height: 1.75;
	font-size: 0.875rem;
	color: inherit;
	white-space: pre-wrap;
}

.wp-block-verse {
	background-color: rgba(0, 0, 0, 0.05);
	padding: 1rem 1.5rem;
}

.wp-block-verse pre {
	padding: 0;
}

.wp-block-verse,
.wp-block-verse pre {
	font-family: Menlo, Consolas, monaco, monospace;
	line-height: 1.75;
	font-size: 0.875rem;
	color: inherit;
	overflow: auto;
}

.wp-block-audio figcaption {
	color: #6c757d;
	text-align: center;
}

.wp-block-embed figcaption {
	color: #6c757d;
	text-align: center;
}

.wp-block-video video {
	width: 100%;
}

.wp-block-media-text p:last-child {
	margin-bottom: 0;
}

@media (max-width: 759.98px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding-top: 8%;
		padding-bottom: 0;
	}
	.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
		padding-top: 0;
		padding-bottom: 8%;
	}
}

.wp-block-image figcaption {
	color: #6c757d;
	text-align: center;
}

@media (min-width: 760px) {
	.wp-block-image figcaption {
		text-align: initial;
	}
}

.wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption,
.wp-block-image .aligncenter figcaption, .wp-block-image .alignwide figcaption,
.wp-block-image .alignfull figcaption {
	text-align: center;
}

.wp-block-image.alignleft figcaption, .wp-block-image.alignright figcaption, .wp-block-image.aligncenter figcaption, .wp-block-image.alignwide figcaption, .wp-block-image.alignfull figcaption {
	text-align: center;
}

.wp-block-image .alignleft, .wp-block-image.alignleft {
	float: none;
	margin-left: 0;
}

@media (min-width: 760px) {
	.wp-block-image .alignleft, .wp-block-image.alignleft {
		float: right;
		margin-left: 2rem;
	}
}

.wp-block-image .alignright, .wp-block-image.alignright {
	float: none;
	margin-right: 0;
}

@media (min-width: 760px) {
	.wp-block-image .alignright, .wp-block-image.alignright {
		float: left;
		margin-right: 2rem;
	}
}

@media (max-width: 759.98px) {
	.wp-block-image .alignleft,
	.wp-block-image .alignright {
		margin-right: auto;
		margin-left: auto;
	}
}

.wp-block-group.has-background {
	padding: 40px;
}

.wp-block-cover,
.wp-block-cover-image {
	min-height: auto;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
	width: 100%;
}

.wp-block-cover.has-background-dim,
.wp-block-cover-image.has-background-dim {
	padding: 40px;
}

.wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) {
	position: relative;
	line-height: 1.5;
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding: 0;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
	border-right: 0;
}

.wp-block-quote:before {
	display: block;
	margin-bottom: 1rem;
	font-family: "cs-icons";
	font-weight: normal;
	content: "\e904";
}

.wp-block-quote p {
	line-height: 1.5;
}

.wp-block-quote p:first-child {
	font-size: inherit;
	margin-top: 0;
}

.wp-block-quote p:last-child {
	margin-bottom: 0;
}

.wp-block-quote cite {
	line-height: 1.5;
}

.wp-block-quote .wp-block-quote__citation {
	line-height: 1.5;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-large p:first-child, .wp-block-quote.is-style-large p,
.wp-block-quote.is-style-large p:first-child {
	font-size: 2.5rem;
	font-style: normal;
	line-height: 1.6;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	font-size: 0.85rem;
	text-align: right;
}

.style-align-center .wp-block-quote {
	text-align: center;
}

.style-align-center .wp-block-quote.is-style-large cite,
.style-align-center .wp-block-quote.is-style-large footer {
	text-align: center;
}

.style-align-left .wp-block-quote {
	position: relative;
	padding-right: 4rem !important;
	text-align: right;
}

.style-align-left .wp-block-quote:before {
	position: absolute;
	right: 0;
	top: 0;
}

.style-align-left .wp-block-quote.is-style-large cite,
.style-align-left .wp-block-quote.is-style-large footer {
	text-align: right;
}

.wp-block-pullquote {
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
	padding: 2rem 1rem;
}

.wp-block-pullquote blockquote {
	margin: 0;
}

.wp-block-pullquote blockquote.has-text-color p,
.wp-block-pullquote blockquote.has-text-color cite,
.wp-block-pullquote blockquote.has-text-color footer,
.wp-block-pullquote blockquote.has-text-color .wp-block-pullquote__citation {
	color: inherit;
}

.wp-block-pullquote p {
	font-size: 1.75rem;
	line-height: 1.5;
}

.wp-block-pullquote .alignleft p,
.wp-block-pullquote .alignright p {
	font-size: 1.25rem;
}

.wp-block-pullquote blockquote:not(.has-text-color) {
	color: #007bff;
}

.wp-block-pullquote blockquote:not(.has-text-color) cite,
.wp-block-pullquote blockquote:not(.has-text-color) footer,
.wp-block-pullquote blockquote:not(.has-text-color) .wp-block-pullquote__citation {
	font-style: italic;
}

.wp-block-latest-comments {
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
	padding: 2rem 0;
	margin: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
	margin: 2rem 0 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
	margin-top: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment > article {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
	color: #6c757d;
	font-size: 0.875rem;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
	font-size: inherit;
	line-height: inherit;
	margin: 0.5rem 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts,
.wp-block-categories-list,
.wp-block-categories__list,
.wp-block-archives-list {
	padding-right: 0;
	list-style: none;
	padding-right: 0;
	padding-left: 0;
	text-align: right;
}

.wp-block-latest-posts li,
.wp-block-categories-list li,
.wp-block-categories__list li,
.wp-block-archives-list li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.wp-block-latest-posts > li a,
.wp-block-categories-list > li a,
.wp-block-categories__list > li a,
.wp-block-archives-list > li a {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.wp-block-latest-posts > li > a,
.wp-block-categories-list > li > a,
.wp-block-categories__list > li > a,
.wp-block-archives-list > li > a {
	display: flex;
	position: relative;
	padding-right: 2rem;
}

.wp-block-latest-posts > li > a:before,
.wp-block-categories-list > li > a:before,
.wp-block-categories__list > li > a:before,
.wp-block-archives-list > li > a:before {
	position: absolute;
	right: 0;
	top: 8px;
	font-family: "cs-icons";
	content: "\e91c";
	color: #ced4da;
	font-size: 14px;
	margin-left: 1rem;
	display: inline-block;
	transition: .2s ease all;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 100%;
}

.wp-block-latest-posts > li > a:hover,
.wp-block-categories-list > li > a:hover,
.wp-block-categories__list > li > a:hover,
.wp-block-archives-list > li > a:hover {
	color: #007bff;
}

.wp-block-latest-posts > li > a:hover:before,
.wp-block-categories-list > li > a:hover:before,
.wp-block-categories__list > li > a:hover:before,
.wp-block-archives-list > li > a:hover:before {
	color: #fff;
	transition: .2s ease all;
	background: #6c757d;
}

.wp-block-latest-posts .wp-block-latest-posts__post-date,
.wp-block-categories-list .wp-block-latest-posts__post-date,
.wp-block-categories__list .wp-block-latest-posts__post-date,
.wp-block-archives-list .wp-block-latest-posts__post-date {
	margin-right: 2rem;
	flex: 0 0 100%;
	font-size: 0.875rem;
	color: #6c757d;
}

.wp-block-latest-posts .children,
.wp-block-latest-posts .wp-block-categories__list,
.wp-block-categories-list .children,
.wp-block-categories-list .wp-block-categories__list,
.wp-block-categories__list .children,
.wp-block-categories__list .wp-block-categories__list,
.wp-block-archives-list .children,
.wp-block-archives-list .wp-block-categories__list {
	flex: 0 0 100%;
}

.wp-block-categories > .wp-block-categories__list {
	padding: 0;
}

.wp-block-archives.wp-block-archives-list {
	padding: 0;
}

.wp-block-categories-list a,
.wp-block-categories__list a,
.wp-block-archives-list a {
	padding-left: 0.5rem;
}

.wp-block-gallery {
	align-items: flex-start;
}

.wp-block-gallery > .blocks-gallery-grid {
	width: 100%;
}

.wp-block-gallery .blocks-gallery-item figure {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.wp-block-gallery .blocks-gallery-item figcaption {
	background: transparent;
	position: relative;
	padding: 0;
	min-height: initial;
	color: inherit;
	padding-top: 1rem;
	text-align: right;
}

.wp-block-search {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}

.wp-block-search .wp-block-search__input {
	position: relative;
	z-index: 2;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}

.wp-block-search .wp-block-search__button {
	border: none;
	margin-right: 0;
	line-height: 1.5rem;
}

 

لینک به ارسال
در 15 ساعت قبل، Alipiroo50 گفته است :

سلام، وقت بخیر

فاصله بین پاراگراف‌های وبسایت من متاسفانه زیاده. و بنا دارم این رو کمتر کنم، اما نمیدونم دقیقا مارجین کجای استایل رو ویرایش کنم تا بتونم مقدار دلخواهم رو وارد کنم. 

کدهای زیر مربوط به تایپوگرافیه:


/*--------------------------------------------------------------
## Type
--------------------------------------------------------------*/
body {
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.125;
}

a {
	transition: color 0.2s ease;
}

hr, .wp-block-separator {
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 38px !important;
	margin-bottom: 38px !important;
}

mark,
.mark {
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	text-transform: uppercase;
}

legend {
	font-size: 1rem;
}


/*--------------------------------------------------------------
## Post Content
--------------------------------------------------------------*/
.entry-content {
	line-height: 1.75;
}

.entry-content > a,
.entry-content > p > a,
.entry-content > ul li > a,
.entry-content > ol li > a,
.entry-content > p > em > a,
.entry-content > p > strong > a,
.entry-content .cnvs-block-column-inner > p > a,
.entry-content .cnvs-block-column-inner > p > strong > a {
	text-decoration: underline;
}

.entry-content > a:hover, .entry-content > a:focus,
.entry-content > p > a:hover,
.entry-content > p > a:focus,
.entry-content > ul li > a:hover,
.entry-content > ul li > a:focus,
.entry-content > ol li > a:hover,
.entry-content > ol li > a:focus,
.entry-content > p > em > a:hover,
.entry-content > p > em > a:focus,
.entry-content > p > strong > a:hover,
.entry-content > p > strong > a:focus,
.entry-content .cnvs-block-column-inner > p > a:hover,
.entry-content .cnvs-block-column-inner > p > a:focus,
.entry-content .cnvs-block-column-inner > p > strong > a:hover,
.entry-content .cnvs-block-column-inner > p > strong > a:focus {
	text-decoration: none;
}

.entry-content > blockquote {
	position: relative;
	line-height: 1.5;
	margin-top: 3rem;
	margin-bottom: 3rem;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	border-right: 0;
}

.entry-content > blockquote:before {
	display: block;
	margin-bottom: 1rem;
	font-size: 2rem;
	font-family: "cs-icons";
	font-weight: normal;
	content: "\e904";
}

.entry-content > blockquote cite {
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-top: 0.5rem;
}

.entry-content > blockquote p {
	line-height: 1.5;
}

.entry-content > blockquote p:first-child {
	font-size: inherit;
	margin-top: 0;
}

.entry-content > blockquote p:last-child {
	margin-bottom: 0;
}

.style-align-center .entry-content > blockquote {
	text-align: center;
}

.style-align-left .entry-content > blockquote {
	position: relative;
	padding-right: 4rem !important;
}

.style-align-left .entry-content > blockquote:before {
	position: absolute;
	right: 0;
	top: 0;
}

.entry-content cite {
	color: rgba(0, 0, 0, 0.5);
}

.entry-content .wp-caption-dd {
	color: rgba(0, 0, 0, 0.5);
	margin-right: 0;
}

.entry-content .cs-embed {
	margin-top: 48px;
	margin-bottom: 48px;
}

.alignnone {
	max-width: 100%;
}

.alignleft {
	float: none;
	margin-left: 0;
}

.alignleft:first-child + * {
	margin-top: 0;
}

@media (min-width: 760px) {
	.alignleft {
		float: right;
		margin-left: 2rem;
	}
}

.alignright {
	float: none;
	margin-right: 0;
}

.alignright:first-child + * {
	margin-top: 0;
}

@media (min-width: 760px) {
	.alignright {
		float: left;
		margin-right: 2rem;
	}
}

.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}

.aligncenter .wp-caption-text,
.aligncenter .wp-caption-dd {
	text-align: center;
}

img.alignleft,
img.alignright {
	margin-bottom: 1rem;
}

.wp-block-group.alignleft,
.wp-block-group.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
	max-width: 100%;
}

@media (min-width: 760px) {
	.wp-block-group.alignleft,
	.wp-block-group.alignright,
	.wp-block-pullquote.alignleft,
	.wp-block-pullquote.alignright,
	.wp-block-cover-image.alignleft,
	.wp-block-cover-image.alignright,
	.wp-block-cover.alignleft,
	.wp-block-cover.alignright {
		max-width: calc(50% - 1rem);
	}
}

/** =========== Blocks =========== */
.wp-block-columns > *:first-child {
	margin-top: 0;
}

.wp-block-columns > *:last-child {
	margin-bottom: 0;
}

.wp-block-columns .wp-block-column > *:first-child {
	margin-top: 0;
}

.wp-block-columns .wp-block-column > *:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 600px) {
	.wp-block-columns {
		flex-wrap: nowrap;
	}
}

p.has-background {
	padding: 1.5rem 2rem;
}

p > code {
	color: inherit;
}

p.wp-block-subhead {
	font-size: 1.25rem;
	color: #6c757d;
	opacity: 1;
}

p.has-drop-cap:not(:focus):first-letter {
	font-size: 4rem;
	line-height: 1;
	margin-top: 0.5rem;
	margin-left: 2rem;
	margin-bottom: 0.5rem;
}

.wp-block-separator:not(.is-style-dots) {
	border-top: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.wp-block-separator.is-style-dots {
	border: none;
}

.wp-block-separator.is-style-dots:before {
	color: #6c757d;
}

@media (min-width: 760px) {
	.wp-block-separator.is-style-wide {
		max-width: 680px !important;
	}
}

@media (min-width: 1020px) {
	.wp-block-separator.is-style-wide {
		max-width: 960px !important;
	}
}

@media (min-width: 1120px) {
	.wp-block-separator.is-style-wide {
		max-width: 1040px !important;
	}
}

@media (min-width: 1240px) {
	.wp-block-separator.is-style-wide {
		max-width: 1160px !important;
	}
}

.wp-block-separator:not(.is-style-dots):not(.is-style-wide):not(.alignwide):not(.alignfull) {
	max-width: 100px !important;
}

.wp-block-button {
	margin-bottom: 0;
}

.wp-block-button.alignleft {
	text-align: right;
}

.wp-block-button.alignright {
	text-align: left;
}

.wp-block-button.aligncenter {
	text-align: center;
}

.wp-block-button .wp-block-button__link {
	display: inline-block;
	padding: 0.375rem 1rem;
	transition: 0.2s;
}

.wp-block-button .wp-block-button__link:not(.has-background) {
	background-color: #007bff;
}

.wp-block-button .wp-block-button__link:not(.has-text-color) {
	color: white;
}

.wp-block-button .wp-block-button__link:hover {
	cursor: pointer;
}

.wp-block-code {
	background-color: rgba(0, 0, 0, 0.05);
	padding: 1rem 1.5rem;
	font-family: Menlo, Consolas, monaco, monospace;
	line-height: 1.75;
	font-size: 0.875rem;
	color: inherit;
	white-space: pre-wrap;
	border-radius: 0;
	border: none;
}

.wp-block-code .editor-plain-text {
	background-color: transparent;
	color: inherit;
}

.wp-block-preformatted {
	background-color: rgba(0, 0, 0, 0.05);
	padding: 1rem 1.5rem;
}

.wp-block-preformatted pre {
	padding: 0;
}

.wp-block-preformatted,
.wp-block-preformatted pre {
	font-family: Menlo, Consolas, monaco, monospace;
	line-height: 1.75;
	font-size: 0.875rem;
	color: inherit;
	white-space: pre-wrap;
}

.wp-block-verse {
	background-color: rgba(0, 0, 0, 0.05);
	padding: 1rem 1.5rem;
}

.wp-block-verse pre {
	padding: 0;
}

.wp-block-verse,
.wp-block-verse pre {
	font-family: Menlo, Consolas, monaco, monospace;
	line-height: 1.75;
	font-size: 0.875rem;
	color: inherit;
	overflow: auto;
}

.wp-block-audio figcaption {
	color: #6c757d;
	text-align: center;
}

.wp-block-embed figcaption {
	color: #6c757d;
	text-align: center;
}

.wp-block-video video {
	width: 100%;
}

.wp-block-media-text p:last-child {
	margin-bottom: 0;
}

@media (max-width: 759.98px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding-top: 8%;
		padding-bottom: 0;
	}
	.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
		padding-top: 0;
		padding-bottom: 8%;
	}
}

.wp-block-image figcaption {
	color: #6c757d;
	text-align: center;
}

@media (min-width: 760px) {
	.wp-block-image figcaption {
		text-align: initial;
	}
}

.wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption,
.wp-block-image .aligncenter figcaption, .wp-block-image .alignwide figcaption,
.wp-block-image .alignfull figcaption {
	text-align: center;
}

.wp-block-image.alignleft figcaption, .wp-block-image.alignright figcaption, .wp-block-image.aligncenter figcaption, .wp-block-image.alignwide figcaption, .wp-block-image.alignfull figcaption {
	text-align: center;
}

.wp-block-image .alignleft, .wp-block-image.alignleft {
	float: none;
	margin-left: 0;
}

@media (min-width: 760px) {
	.wp-block-image .alignleft, .wp-block-image.alignleft {
		float: right;
		margin-left: 2rem;
	}
}

.wp-block-image .alignright, .wp-block-image.alignright {
	float: none;
	margin-right: 0;
}

@media (min-width: 760px) {
	.wp-block-image .alignright, .wp-block-image.alignright {
		float: left;
		margin-right: 2rem;
	}
}

@media (max-width: 759.98px) {
	.wp-block-image .alignleft,
	.wp-block-image .alignright {
		margin-right: auto;
		margin-left: auto;
	}
}

.wp-block-group.has-background {
	padding: 40px;
}

.wp-block-cover,
.wp-block-cover-image {
	min-height: auto;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
	width: 100%;
}

.wp-block-cover.has-background-dim,
.wp-block-cover-image.has-background-dim {
	padding: 40px;
}

.wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) {
	position: relative;
	line-height: 1.5;
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding: 0;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
	border-right: 0;
}

.wp-block-quote:before {
	display: block;
	margin-bottom: 1rem;
	font-family: "cs-icons";
	font-weight: normal;
	content: "\e904";
}

.wp-block-quote p {
	line-height: 1.5;
}

.wp-block-quote p:first-child {
	font-size: inherit;
	margin-top: 0;
}

.wp-block-quote p:last-child {
	margin-bottom: 0;
}

.wp-block-quote cite {
	line-height: 1.5;
}

.wp-block-quote .wp-block-quote__citation {
	line-height: 1.5;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-large p:first-child, .wp-block-quote.is-style-large p,
.wp-block-quote.is-style-large p:first-child {
	font-size: 2.5rem;
	font-style: normal;
	line-height: 1.6;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	font-size: 0.85rem;
	text-align: right;
}

.style-align-center .wp-block-quote {
	text-align: center;
}

.style-align-center .wp-block-quote.is-style-large cite,
.style-align-center .wp-block-quote.is-style-large footer {
	text-align: center;
}

.style-align-left .wp-block-quote {
	position: relative;
	padding-right: 4rem !important;
	text-align: right;
}

.style-align-left .wp-block-quote:before {
	position: absolute;
	right: 0;
	top: 0;
}

.style-align-left .wp-block-quote.is-style-large cite,
.style-align-left .wp-block-quote.is-style-large footer {
	text-align: right;
}

.wp-block-pullquote {
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
	padding: 2rem 1rem;
}

.wp-block-pullquote blockquote {
	margin: 0;
}

.wp-block-pullquote blockquote.has-text-color p,
.wp-block-pullquote blockquote.has-text-color cite,
.wp-block-pullquote blockquote.has-text-color footer,
.wp-block-pullquote blockquote.has-text-color .wp-block-pullquote__citation {
	color: inherit;
}

.wp-block-pullquote p {
	font-size: 1.75rem;
	line-height: 1.5;
}

.wp-block-pullquote .alignleft p,
.wp-block-pullquote .alignright p {
	font-size: 1.25rem;
}

.wp-block-pullquote blockquote:not(.has-text-color) {
	color: #007bff;
}

.wp-block-pullquote blockquote:not(.has-text-color) cite,
.wp-block-pullquote blockquote:not(.has-text-color) footer,
.wp-block-pullquote blockquote:not(.has-text-color) .wp-block-pullquote__citation {
	font-style: italic;
}

.wp-block-latest-comments {
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
	padding: 2rem 0;
	margin: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
	margin: 2rem 0 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
	margin-top: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment > article {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
	color: #6c757d;
	font-size: 0.875rem;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
	font-size: inherit;
	line-height: inherit;
	margin: 0.5rem 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts,
.wp-block-categories-list,
.wp-block-categories__list,
.wp-block-archives-list {
	padding-right: 0;
	list-style: none;
	padding-right: 0;
	padding-left: 0;
	text-align: right;
}

.wp-block-latest-posts li,
.wp-block-categories-list li,
.wp-block-categories__list li,
.wp-block-archives-list li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.wp-block-latest-posts > li a,
.wp-block-categories-list > li a,
.wp-block-categories__list > li a,
.wp-block-archives-list > li a {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.wp-block-latest-posts > li > a,
.wp-block-categories-list > li > a,
.wp-block-categories__list > li > a,
.wp-block-archives-list > li > a {
	display: flex;
	position: relative;
	padding-right: 2rem;
}

.wp-block-latest-posts > li > a:before,
.wp-block-categories-list > li > a:before,
.wp-block-categories__list > li > a:before,
.wp-block-archives-list > li > a:before {
	position: absolute;
	right: 0;
	top: 8px;
	font-family: "cs-icons";
	content: "\e91c";
	color: #ced4da;
	font-size: 14px;
	margin-left: 1rem;
	display: inline-block;
	transition: .2s ease all;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 100%;
}

.wp-block-latest-posts > li > a:hover,
.wp-block-categories-list > li > a:hover,
.wp-block-categories__list > li > a:hover,
.wp-block-archives-list > li > a:hover {
	color: #007bff;
}

.wp-block-latest-posts > li > a:hover:before,
.wp-block-categories-list > li > a:hover:before,
.wp-block-categories__list > li > a:hover:before,
.wp-block-archives-list > li > a:hover:before {
	color: #fff;
	transition: .2s ease all;
	background: #6c757d;
}

.wp-block-latest-posts .wp-block-latest-posts__post-date,
.wp-block-categories-list .wp-block-latest-posts__post-date,
.wp-block-categories__list .wp-block-latest-posts__post-date,
.wp-block-archives-list .wp-block-latest-posts__post-date {
	margin-right: 2rem;
	flex: 0 0 100%;
	font-size: 0.875rem;
	color: #6c757d;
}

.wp-block-latest-posts .children,
.wp-block-latest-posts .wp-block-categories__list,
.wp-block-categories-list .children,
.wp-block-categories-list .wp-block-categories__list,
.wp-block-categories__list .children,
.wp-block-categories__list .wp-block-categories__list,
.wp-block-archives-list .children,
.wp-block-archives-list .wp-block-categories__list {
	flex: 0 0 100%;
}

.wp-block-categories > .wp-block-categories__list {
	padding: 0;
}

.wp-block-archives.wp-block-archives-list {
	padding: 0;
}

.wp-block-categories-list a,
.wp-block-categories__list a,
.wp-block-archives-list a {
	padding-left: 0.5rem;
}

.wp-block-gallery {
	align-items: flex-start;
}

.wp-block-gallery > .blocks-gallery-grid {
	width: 100%;
}

.wp-block-gallery .blocks-gallery-item figure {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.wp-block-gallery .blocks-gallery-item figcaption {
	background: transparent;
	position: relative;
	padding: 0;
	min-height: initial;
	color: inherit;
	padding-top: 1rem;
	text-align: right;
}

.wp-block-search {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}

.wp-block-search .wp-block-search__input {
	position: relative;
	z-index: 2;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}

.wp-block-search .wp-block-search__button {
	border: none;
	margin-right: 0;
	line-height: 1.5rem;
}

 

سلام
وقت بخیر
نیازی نیست این همه کد رو بفرستید، آدرس سایتتون و اون بخشی که این مشکل رو داره بفرستید، اونطوری راحت تر میشه بررسیش کرد

لینک به ارسال

از شما متشکرم. آقای عواطفی. آدرس Mrvey.com هستش و هرکدام از پست هارو باز کنید شرابطشون مشابهه.  

مد نظرم هست فاصله بین بند‌ها رو کم کنم تا با یه اینتر انقدر دور نیفتن از همدیگه، و همینطور فاصله بین h1,h2,h3 هارو با بند پایین/بالا.

لینک به ارسال
در 3 ساعت قبل، Alipiroo50 گفته است :

از شما متشکرم. آقای عواطفی. آدرس Mrvey.com هستش و هرکدام از پست هارو باز کنید شرابطشون مشابهه.  

مد نظرم هست فاصله بین بند‌ها رو کم کنم تا با یه اینتر انقدر دور نیفتن از همدیگه، و همینطور فاصله بین h1,h2,h3 هارو با بند پایین/بالا.

برای h1 و 2 و 3 این کد رو جایگزین کد قبلی کنید :


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.125;
    Margin: 5px;
}

بجای 5px می‌تونید عدد کوچیکتر یا بزرگتری بذارید تا نتیجه دلخواه رو به دست بیارید. 

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...