article page fixes

This commit is contained in:
Ross Trottier 2024-08-20 15:21:39 -06:00
parent 24e5195554
commit 4b85698070
2 changed files with 15 additions and 8 deletions

View File

@ -34,7 +34,7 @@
if (function_exists('get_field')) {
$related_posts = get_field('related_posts', $post_id);
if (isset($related_posts)) : ?>
<div class="st-main-grid">
<div class="st-sub-grid">
<h3>Related Articles</h3>
<div class="st-article-section-related-articles">
<?php foreach ($related_posts as $post) : setup_postdata($post);

View File

@ -160,6 +160,11 @@ LAYOUT
grid-template-columns: minmax(1em, 1fr) minmax(260px, 725px) minmax(1em, 1fr);
}
.st-sub-grid {
display: grid;
grid-template-columns: minmax(260px, 1400px);
}
.st-main-grid > * {
grid-column: 2;
}
@ -774,7 +779,8 @@ SECTIONS
}
.st-ad-section-long-post-end {
grid-column: 1 / span 4 !important;
grid-column: 1 / span 3;
margin-top: 1em;
}
}
@ -1184,8 +1190,7 @@ COMPONENTS
@media (min-width: 1200px) {
.st-article {
max-width: 850px;
margin: 0 auto;
max-width: 1000px;
grid-column: 1 / span 3;
}
@ -1319,20 +1324,22 @@ a.page-numbers,
}
}
.discourse-comments-area {
margin: 1em;
margin: 1em 0;
}
@media (min-width: 760px) {
.discourse-comments-area {
.discourse-comments-area,
.comments-area {
grid-column: 1 / span 3;
}
}
@media (min-width: 1200px) {
.discourse-comments-area {
max-width: 850px;
margin: 1em auto;
max-width: 1000px;
}
}