How would i move an image up to the very top of a frame?

  • Author
    Posts
  • #1333569

    chrismhmoore
    Member

    I have one particular page that i would like the image to be bleeding off the column. So I am looking here to see if someone could let me know how to edit only that one pages spacing at the top of the page?

    It’s Portfolio/Church Street Murals I’m talking about.

    The blog I need help with is chrismhmoore.com.

    #1333690

    miguelcsf
    Staff

    Hey there,

    I’m not quite sure I understand what you’d like to do. Would you like to have the content (that is, the main column, on the right) start from the top of the page, like the sidebar?

    In that case, this is all you need:

    #primary {
        margin-top: 0;
    }

    And if you’d like to remove the rounded edges on that column:

    .site-content article {
        border-radius: 0;
    }

    Let me know if this helps.

    #1333691

    chrismhmoore
    Member

    No sorry (tho i will take the rounded corners off, thx), I’ll try and explain better.

    On the page http://chrismhmoore.com/portfolio/church-st-murals/, i’d like to have the image flush against the top of the article.

    #1333694

    miguelcsf
    Staff

    Hey again,

    This should do it:

    body.page-id-94 #content,
    body.page-id-94 article,
    body.page-id-94 article .entry-header,
    body.page-id-94 article .entry-content,
    body.page-id-94 article img {
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    That “body.page-id-94” prefix makes sure that this rule is only triggered on the Church St. Murals page.

    #1333700

    chrismhmoore
    Member

    Thanks a lot!!

The topic ‘How would i move an image up to the very top of a frame?’ is closed to new replies.