How can I add text under a heading in Dawn Theme's multicolumn section?

[Justin34]

Hi all,

On my website, I have a section using the multicolumn option on dawn theme. Under the heading, I want to add text. I would like to add the following text:

I wish it weren’t so, but most parks out there do have a backlog of projects. That’s why the we came about; to begin the process of paying for these projects. We must protect our lands for not only our generation but the many generations that are yet to come.

But I dont see no way to add this text. Is there a way to add it? I want it to be smaller text than the heading. I think it would make more sense to have this text than not too.

My website is www.PennsylvaniaParks.org

Thanks in advance!

[BSS-Commerce]

Hi @Justin34

You cam follow these suggestion:

Go to Themes → Edit Code:

Search for the base.css file and add the below css at the end of the file. Save

.multicolumn-list__item.grid__item>.multicolumn-card.content-container>.multicolumn-card__info>.rte:after {
  content: "I wish it weren't so, but most parks out there do have a backlog of projects. That's why the we came about; to begin the process of paying for these projects. We must protect our lands for not only our generation but the many generations that are yet to come.";
  font-size: small;
  color: #fff;
}

Here’s the results on the desktop:

But in some case, due to the limited text space and the text is too long, there is a display error like this:

You can fix this problem by adding this css at the end of the file

.multicolumn-card__info {
padding: 0 !important;
}

Then the problem was solved

[Justin34]

Thank you for your reply I actually wanted that text to appear under the heading “BREAKDOWN: Backlog Projects” and above the images. Hope that makes sense. I’m horrible at explaining stuff.

[BSS-Commerce]

To make text appear below BREAKDOWN: Backlog Projects and above images, you can do the following step:

In the base.css file, add the below css

slider-component:before {
    content: "I wish it weren't so, but most parks out there do have a backlog of projects. That's 
    color: #000;
}

If you want to remove the space, add the following css:

.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
    margin-bottom: 10px;
}

Feel free to adjust the margin to 10px or any number to what feels right to you.

Here’s the result:

[Dan-From-Ryviu]

A trick hope can help. You can add a Rick text section before Multicolumn, using heading of rich text section is heading and then remove heading of Multicolumn section