Add text above posts and sidebar, below header & navbar on home page only

  • geneboyd · Member ·

    I would like to add a paragraph of text in the area above the posts & sidebar, but below the header & navbar.

    I want it to show up only on the Home page. Could someone please help me with that?

    Thanks,

    Gene.

  • madeincosmos · Member ·

    Hi Gene,

    The code below should resolve your problem:

    .home #content:before {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto; 

    padding: 10px; 

    font: 300 14px/1.5em Georgia, serif;
    color: #555555;

    content: "Add your sample text here. This paragraph will span across the width of whole content area, including the sidebar. If you'd prefer to place it only above the articles and leave some whitespace above the sidebar, replace the block starting with <code>@media screen</code> with the second one.";
}

@media screen and (min-width: 980px) {
    .home #content:before {
        margin-top: 2em;
    }
}

    The code above will make the paragraph span across the width of whole content area, including the sidebar. If you’d prefer to place it only above the articles and leave some whitespace above the sidebar, replace the block starting with @media screen with this one:

    @media screen and (min-width: 980px) {
    .home #content:before {
        width: 64%;
        margin-top: 2em;
    }
}
  • The topic ‘Add text above posts and sidebar, below header & navbar on home page only’ is closed to new replies.