سلام، وقت بخیر
فاصله بین پاراگرافهای وبسایت من متاسفانه زیاده. و بنا دارم این رو کمتر کنم، اما نمیدونم دقیقا مارجین کجای استایل رو ویرایش کنم تا بتونم مقدار دلخواهم رو وارد کنم.
کدهای زیر مربوط به تایپوگرافیه:
/*--------------------------------------------------------------
## 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;
}