Support » Theme: Edin » Grid page template – How do I add a text area below the featured image

  • Resolved and70

    (@and70)


    Hi I have managed to replicate the Edin theme home page display but would like an area of text below the featured image but above the 3 images.

    Can anyone help me with this?

    Sorry my site isn’t live yet

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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!

    and70

    (@and70)

    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?

    and70

    (@and70)

    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

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    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

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Grid page template – How do I add a text area below the featured image’ is closed to new replies.