سلام، وقت بخیر
فاصله بین پاراگرافهای وبسایت من متاسفانه زیاده. و بنا دارم این رو کمتر کنم، اما نمیدونم دقیقا مارجین کجای استایل رو ویرایش کنم تا بتونم مقدار دلخواهم رو وارد کنم.
کدهای زیر مربوط به تایپوگرافیه:
/*--------------------------------------------------------------
## 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-Idea { border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; padding: 2rem 0; margin: 0;
}
.wp-block-latest-Idea .wp-block-latest-Idea__comment { margin: 2rem 0 0;
}
.wp-block-latest-Idea .wp-block-latest-Idea__comment:first-child { margin-top: 0;
}
.wp-block-latest-Idea .wp-block-latest-Idea__comment > article { border: none !important; margin: 0 !important; padding: 0 !important;
}
.wp-block-latest-Idea .wp-block-latest-Idea__comment-date { color: #6c757d; font-size: 0.875rem;
}
.wp-block-latest-Idea .wp-block-latest-Idea__comment-excerpt p { font-size: inherit; line-height: inherit; margin: 0.5rem 0;
}
.wp-block-latest-Idea .wp-block-latest-Idea__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;
}
1 نوشته - 1 participants
سون لرن • آموزش...برچسب : نویسنده : استخدام کار 7learn بازدید : 152