Update articleheader.css (#102)

* Update articleheader.css * Update articleheader.js * Update styles.css * Update styles.css --------- Co-authored-by: Bryan Stopp <[email protected]>
hlxsites · Jan 23, 2024 · 52b64f4 · 52b64f4
1 parent a2314e9
commit 52b64f4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 16 deletions.
diff --git a/cigaradvisor/blocks/articleheader/articleheader.css b/cigaradvisor/blocks/articleheader/articleheader.css
@@ -1,7 +1,3 @@
-main .articleheader-container {
-    margin-top: 46px;
-}
-
 .articleheader.block .image-wrapper {
     display: flex;
     justify-content: center;
@@ -93,10 +89,4 @@ main .articleheader-container {
     margin-left: auto;
     margin-right: auto;
     max-width: 1080px;
-}
-
-@media screen and (min-width: 900px) {
-    main .articleheader-container {
-        margin-top: 77px;
-    }
 }
diff --git a/cigaradvisor/blocks/articleheader/articleheader.js b/cigaradvisor/blocks/articleheader/articleheader.js
@@ -13,7 +13,7 @@ export default async function decorate(block) {
   if (category) {
     const categoryLinkEl = document.createElement('div');
     categoryLinkEl.classList.add('article-category');
-    categoryLinkEl.innerHTML = `<a href="${categoryLink}">${category.title}</a>`;
+    categoryLinkEl.innerHTML = `<a href="${categoryLink}">${category.heading}</a>`;
     articleInfo.append(categoryLinkEl);
   }
   articleInfo.append(block.querySelector('h1'));
@@ -22,7 +22,7 @@ export default async function decorate(block) {
   const authorLinkEl = document.createElement('div');
   authorLinkEl.classList.add('article-author');
   if (author) {
-    authorLinkEl.innerHTML = `<a href="${authorLink}">By ${author.title}</a>`;
+    authorLinkEl.innerHTML = `<a href="${authorLink}">By ${author.name}</a>`;
     articleInfo.append(authorLinkEl);
   }
   const publishedDate = block.querySelector('p.published-date').innerText;

diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css
@@ -354,7 +354,7 @@ main .section[data-layout="3-column"] * > div {
   font-weight: 700;
 }
 
-main .section > .default-content-wrapper > h2 {
+:not(.blog-post-template) main .section > .default-content-wrapper > h2 {
   text-align: center;
   text-transform: uppercase;
   font-family: var(--ff-montserrat);
@@ -415,19 +415,19 @@ main .button-container .button:hover {
     font-size: 35px;
   }
 
-  main .section > .default-content-wrapper > h2 {
+  :not(.blog-post-template) main .section > .default-content-wrapper > h2 {
     font-size: 35px;
   }
 
-  main .section > .default-content-wrapper > h2 ::before {
+  :not(.blog-post-template) main .section > .default-content-wrapper > h2::before {
     content: 'decor';
     color: transparent;
     background: url('../icons/decorleft.png') center no-repeat;
     background-size: contain;
     margin-right: 15px;
   }
 
-  main .section > .default-content-wrapper > h2 ::after {
+  :not(.blog-post-template) main .section > .default-content-wrapper > h2::after {
     content: 'decor';
     color: transparent;
     background: url('../icons/decorright.png') center no-repeat;
@@ -464,6 +464,7 @@ main .button-container .button:hover {
   main > .section > .default-content-wrapper > h2 {
     font-size: 45px;
   }
+
 }
 
 @media screen and (min-width: 1200px) {