Merge pull request #607 from hlxsites/606-product-opco-h4-style-issue

[Product OpCo] h4 not correctly styled in purple boxes
hlxsites · Dec 19, 2023 · 01ed1d5 · 01ed1d5
2 parents e86b3ad + 16b107c
commit 01ed1d5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
@@ -62,7 +62,9 @@ main .top-border > div.columns-wrapper:first-child {
   @apply py-2 px-6 leading-7 text-base !text-white;
 }
 
-.columns.bg-color-right > div > div:nth-child(2) > h2 {
+.columns.bg-color-right > div > div:nth-child(2) > h2,
+.columns.bg-color-right > div > div:nth-child(2) > h3, 
+.columns.bg-color-right > div > div:nth-child(2) > h4 {
   @apply py-2 px-6 !text-white;
 }
 

diff --git a/styles/styles.css b/styles/styles.css
@@ -1034,7 +1034,9 @@ main .top-border > div.columns-wrapper:first-child {
     color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
 }
 
-.columns.bg-color-right > div > div:nth-child(2) > h2 {
+.columns.bg-color-right > div > div:nth-child(2) > h2,
+.columns.bg-color-right > div > div:nth-child(2) > h3, 
+.columns.bg-color-right > div > div:nth-child(2) > h4 {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     padding-left: 1.5rem;