Grid page template – How do I add a text area below the featured image

Hi @and70,

If you add text directly to the main grid page, it will appear below the featured image and above the three images in the grid. You can see this from the theme’s demo site here:

https://edindemo.wordpress.com/page-templates/grid-page/

You’ll see this text beneath the featured image on the above page:

This page template displays all child pages in a grid format. This format is perfect for your case studies or services page.

Can you confirm whether that text is positioned in the area you’re trying to add text to here?

Thanks!

There is no main grid page as I have not used this template on my site. Instead I have used the front page template with featured image and reproduced the 3 images as shown on the theme demo using the customise widget options.

The CSS below works but I can’t add any styling to this – are you able to help?

/*Code to add text on home page under feature image*/

#quaternary:before {
max-width: 1150px;
padding: 0 50px;
display: block;
margin: 0 auto 50px auto;
content:”insert here”;
}

Many thanks

Sure, how would you like to style the text that you add through the above CSS exactly?

Hi I would like the text to be larger and the same font that I am using through out the site.

Are you able to advise

Many thanks

Have you tried adding font styling like:

#quaternary:before {
  max-width: 1150px;
  padding: 0 50px;
  display: block;
  margin: 0 auto 50px auto;
  content: "insert here";
  font-size: 15px;
  font-family: "my font 1", "my font 2", "my font 3";
}

It’s tricky to troubleshoot without seeing your site, so feel free to add a link here once it’s online somewhere.

Brilliant that solved my dilemma. Thanks Kathryn

Great, glad to hear it! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.