Edit file File name : style.css Content :/* * Blog Common * * => Content * Normal Grid - 2 - Blog * Normal Grid - 3 - Blog * Normal Grid - 4 - Blog */ /*---------- Media Query min-width Structure ----------*/ /*---------- Media Query max-width Structure ----------*/ /*---------- Break-point min-width Structure ----------*/ /*---------- Break-point max-width Structure ----------*/ .ast-page-builder-template .ast-article-post { margin-bottom: 2.5em; } .ast-featured-post { float: none; } .ast-separate-container .ast-separate-posts.ast-article-post { margin-bottom: 2em; } /** * Normal Blog */ .ast-animate-hidden { visibility: hidden; opacity: 0; } .ast-animate-display { visibility: visible; opacity: 1; } .ast-no-thumb .ast-date-meta .posted-on { margin-bottom: 1.5em; } .ast-date-meta.circle .posted-on { border-radius: 50%; overflow: hidden; } .has-post-thumbnail .ast-date-meta.circle .posted-on { margin: 1em; } .ast-separate-container .ast-grid-1 .blog-layout-1 { padding: 0; } .ast-separate-container .ast-grid-1 .blog-layout-2, .ast-separate-container .ast-grid-1 .blog-layout-3 { padding: 0; border-bottom: 0; } .ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-2, .ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-3, .ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-2, .ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-3, .ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-2, .ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-3 { border-bottom: 0; } .ast-separate-container .blog-layout-1, .ast-separate-container .blog-layout-2, .ast-separate-container .blog-layout-3 { padding: 2.66666em; } .ast-separate-container .ast-grid-2 .blog-layout-1, .ast-separate-container .ast-grid-2 .blog-layout-2, .ast-separate-container .ast-grid-2 .blog-layout-3, .ast-separate-container .ast-grid-3 .blog-layout-1, .ast-separate-container .ast-grid-3 .blog-layout-2, .ast-separate-container .ast-grid-3 .blog-layout-3, .ast-separate-container .ast-grid-4 .blog-layout-1, .ast-separate-container .ast-grid-4 .blog-layout-2, .ast-separate-container .ast-grid-4 .blog-layout-3 { padding: 1.5em; } @media (max-width: 1200px) { .ast-separate-container .ast-grid-2 .ast-article-post:nth-child(2n+0), .ast-separate-container .ast-grid-2 .ast-article-post:nth-child(2n+1), .ast-separate-container .ast-grid-3 .ast-article-post:nth-child(2n+0), .ast-separate-container .ast-grid-3 .ast-article-post:nth-child(2n+1), .ast-separate-container .ast-grid-4 .ast-article-post:nth-child(2n+0), .ast-separate-container .ast-grid-4 .ast-article-post:nth-child(2n+1) { padding: 0; } .ast-separate-container .blog-layout-1, .ast-separate-container .blog-layout-2, .ast-separate-container .blog-layout-3 { padding: 1.5em; } } .site-content .ast-grid-2 .ast-article-post, .site-content .ast-grid-3 .ast-article-post, .site-content .ast-grid-4 .ast-article-post { background: transparent; } .site-content .ast-grid-2 .ast-article-post .blog-layout-2, .site-content .ast-grid-2 .ast-article-post .blog-layout-3, .site-content .ast-grid-3 .ast-article-post .blog-layout-2, .site-content .ast-grid-3 .ast-article-post .blog-layout-3, .site-content .ast-grid-4 .ast-article-post .blog-layout-2, .site-content .ast-grid-4 .ast-article-post .blog-layout-3 { border-bottom: 0; } /* Full Width Content Stretch */ .ast-page-builder-template .ast-article-post .entry-header { margin: auto auto 1em auto; padding: 0; } .ast-article-post .ast-post-format-audio.ast-embeded-audio .ast-date-meta .posted-on { position: relative; display: inline-block; margin-bottom: 1em; } hr.post-divider { height: 0; margin: 0; } hr.ast-single-previous-hr { height: 0; margin-top: 2em; } .ast-show-comments-data { padding: 2em 6.67em; } .ast-show-comments-data .ast-show-comments { cursor: pointer; } .ast-show-comments-data .ast-show-comments-count, .ast-show-comments-data .ast-show-comments { max-width: 640px; text-align: center; margin-left: auto; margin-right: auto; } .ast-show-comments-data .ast-show-comments-count { margin-bottom: 2em; } .ast-pagination-square .ast-pagination .page-numbers, .ast-pagination-circle .ast-pagination .page-numbers { border-style: solid; border-width: 1px; line-height: 2.33333em; } .ast-pagination-circle .ast-pagination .page-numbers { border-radius: 50%; } .ast-pagination-circle .ast-pagination .prev.page-numbers, .ast-pagination-circle .ast-pagination .next.page-numbers { border-radius: 30px; } @media all and (max-width: 768px) { #content:before { content: ""; } } /** * Infinite Scroll */ .ast-pagination-infinite { text-align: center; margin: 2.5em 0 0; } .ast-page-builder-template .ast-pagination-infinite { margin: 2.5em 0; } .ast-load-more { cursor: pointer; display: none; border: 2px solid var(--ast-border-color); transition: all 0.2s linear; color: #000; } .ast-load-more.active { display: inline-block; padding: 0 1.5em; line-height: 3em; } .ast-load-more.no-more:hover { border-color: var(--ast-border-color); color: #000; } /** * Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /** * When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } .ast-load-more.no-more:hover { background-color: inherit; } .no-more { cursor: default; } /* Loader */ .ast-loader { display: none; margin: 0 auto; min-height: 58px; line-height: 58px; width: 70px; text-align: center; } .ast-loader > div { width: 18px; height: 18px; background-color: #0085ba; border-radius: 100%; display: inline-block; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .ast-loader .ast-loader-1 { animation-delay: -0.32s; } .ast-loader .ast-loader-2 { animation-delay: -0.16s; } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } /* Hiding 'ast-pagination' for infinite-scroll page. */ .ast-blog-pagination-type-infinite .ast-pagination { display: none; } Save