Fix publication layout: hide featured images, make abstract full-width, remove Type field

Author: FlyTia

assets/css/custom.scss

@@ -1,70 +1,89 @@
 /* Custom styles for publication pages */
 
-/* Make abstract display in full width (vertical layout instead of horizontal) */
-.pub-list-item .article-metadata,
+/* 1. Hide featured image on publication detail pages */
+.article-header img,
+.page-header img,
+.article-banner,
+.featured-image img,
+img[src*="featured"] {
+  display: none !important;
+}
+
+/* Hide the entire featured image container */
+.page-header {
+  display: none !important;
+}
+
+/* 2. Make Abstract display vertically (full width) */
+/* Break the two-column layout for metadata */
 .article-metadata {
   display: block !important;
+  width: 100% !important;
   max-width: 100% !important;
 }
 
-.pub-list-item .article-metadata .article-metadata-item,
-.article-metadata .article-metadata-item {
+/* Force all rows to display as block */
+.article-metadata .row {
+  display: block !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+/* Make all columns full width */
+.article-metadata .col-md-1,
+.article-metadata .col-md-10,
+.article-metadata .col-md-11,
+.article-metadata [class*="col-"] {
   display: block !important;
   width: 100% !important;
-  margin-bottom: 1.5rem !important;
+  max-width: 100% !important;
+  flex-basis: 100% !important;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  margin: 0 !important;
 }
 
-/* Style for abstract section on publication detail pages */
-.article-container .article-metadata {
-  display: flex !important;
-  flex-direction: column !important;
-  gap: 1.5rem !important;
+/* Style Abstract heading */
+.article-metadata h3 {
+  margin-bottom: 1rem !important;
+  font-weight: 600 !important;
+  font-size: 1.5rem !important;
+  display: block !important;
 }
 
-.article-container .article-metadata > div {
+/* Style Abstract content */
+.article-metadata p {
   width: 100% !important;
   max-width: 100% !important;
+  text-align: justify !important;
+  line-height: 1.7 !important;
+  margin-bottom: 2rem !important;
+  display: block !important;
 }
 
-/* Make abstract title and content stack vertically */
-.pub-abstract {
-  display: flex !important;
-  flex-direction: column !important;
-  gap: 0.5rem !important;
+/* 3. Hide Type and Publication fields */
+/* Hide all metadata rows except the first one (Abstract) */
+.article-metadata > .row:nth-child(n+2) {
+  display: none !important;
 }
 
-.pub-abstract h3,
-.pub-abstract .h3 {
-  margin-bottom: 0.5rem !important;
-  font-weight: 600 !important;
+/* Alternative: hide stream-meta which usually contains Type */
+.stream-meta {
+  display: none !important;
 }
 
-/* Ensure abstract content takes full width */
-.pub-abstract p,
-.pub-abstract div {
-  max-width: 100% !important;
-  width: 100% !important;
-  text-align: justify !important;
+/* Hide pub-row-heading (Type label) */
+.pub-row-heading {
+  display: none !important;
 }
 
-/* Hide Type and Publication fields if they exist */
-.pub-metadata .article-metadata,
-.article-metadata {
-  .stream-meta {
-    display: none !important;
-  }
+/* Hide article-metadata that's not abstract */
+.article-metadata .article-metadata-label {
+  display: none !important;
 }
 
-/* For publication detail page specifically */
-.article-container {
-  .article-header {
-    .article-metadata {
-      /* Hide publication type and venue */
-      [class*="pub-publication"],
-      [class*="publication"] {
-        display: none !important;
-      }
-    }
-  }
+/* Ensure Abstract row is visible */
+.article-metadata > .row:first-child {
+  display: block !important;
 }