diff --git a/single.php b/single.php index 84b3c57..60ea7a7 100644 --- a/single.php +++ b/single.php @@ -1,66 +1,80 @@
-
- - - - -

-
- -
- - -
-
- - - - -
-

Related Articles

-
- -
+ + +
+

Related Articles

+
+ + + +
+
- + +
+
+ -
+ ?> +
+
+
+ +
+ +
- - + \ No newline at end of file diff --git a/style.css b/style.css index e595899..e5ea9e4 100644 --- a/style.css +++ b/style.css @@ -645,6 +645,10 @@ SECTIONS gap: 1em; } + .st-article-section-grid__article-page { + grid-template-columns: repeat(3, 1fr); + } + .st-article-section-highlight, .st-article-section-bottom { grid-column: 1 / span 3; @@ -689,6 +693,14 @@ SECTIONS .st-article-section-wide .st-article-section-title { grid-column: 1 / span 2; } + + .st-ad-section__article-page { + position: -webkit-sticky; + position: sticky; + top: 85px; + left: 0; + align-self: start; + } } @media (min-width: 1200px) { @@ -750,12 +762,28 @@ SECTIONS border-left: 1px #0b4fa0 solid; margin-bottom: 0; } + + .st-ad-section__article-page { + grid-column: 3 / span 2; + border: 0; + padding-bottom: 3em; + justify-content: start; + gap: 1em; + } + + .st-ad-section-long-post-end { + grid-column: 1 / span 4 !important; + } } @media (min-width: 1200px) { .st-ad-section { grid-area: ad; } + + .st-ad-section__article-page { + grid-column: 4 / span 1; + } } .st-ad-section img, @@ -786,6 +814,11 @@ SECTIONS height: auto; } +.local-in-content-ad img { + max-width: 100%; + height: auto; +} + .local-article-mid-roll a, .local-article-mid-roll img { width: 100%; @@ -1132,12 +1165,17 @@ COMPONENTS .st-article__title{ font-size: 2.5rem; } + + .st-article { + grid-column: 1 / span 2; + } } @media (min-width: 1200px) { .st-article { max-width: 850px; margin: 0 auto; + grid-column: 1 / span 3; } .st-article__title{ @@ -1272,6 +1310,12 @@ a.page-numbers, margin: 1em; } +@media (min-width: 760px) { + .discourse-comments-area { + grid-column: 1 / span 4; + } +} + @media (min-width: 1200px) { .discourse-comments-area { max-width: 850px;