How to remove blank space between menu and picture

  • Resolved Spilopmager

    (@spilopmager)


    10 years, 3 months ago

    Hi

    I am trying to remove both the page titles and the space around the titles, so that I can lift images placed on “Full-width, no sidebar” to the very top – with no space between menu and first picture.
    I have removed the title by writing
    “.page .entry-title { display: none; }”
    in Simple Custom CSS plugin and I am now trying to find the right CSS to remove the blank space as well.

    This is a link to a page where I want to remove space between menu and image: https://petertinggaard.dk/?page_id=89

    Thx

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Spilopmager

    (@spilopmager)

    Found my own solution – even though I know almost no CSS.
    I used the plugin “Simple Custom CSS” and Firefox′s “Inspector” to find the CSS code. When looking through “Inspector” I found the right element and started clicking under the rules box to see what would happen if I removed first one then another CSS code element. When I found the right CSS code this way. I copied that part into the “Simple custom CSS” with the minor adjustment that was needed. And it worked.
    All in all I added this text to “Simple Custom CSS”. (I chose to leave a little padding above picture … )

    .page .entry-title { display: none; }
    article[id*=post-] {
    padding: 0px 0;
    word-wrap: break-word;
    border-bottom: 1px dotted #ccc;
    margin: 0 10px;
    }
    .post_content {
    word-wrap: break-word;
    margin: 0px 0;
    overflow: hidden;
    font-size: 1rem;
    }
    #main {
    margin-top: 0rem;
    }

    The first line hides the title. The rest is to remove the space between the menu and the top picture.

    Thread Starter Spilopmager

    (@spilopmager)

    For anyone interested in removed padding above picture ..
    I found this code:
    .post_content img { margin-top: .75rem }

    .left img,
    img.left,
    .alignleft,
    img.alignleft,
    img[align=left] {
    margin-right: 1.5rem;
    margin-bottom: 1rem;
    margin-top: .75rem;
    display: inline;
    float: left;
    }
    Change .75em to 0em and the top padding will be removed

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to remove blank space between menu and picture’ is closed to new replies.