How to remove white spaces and grey lines below the main text

  • Resolved diebegruendungderwelt

    (@diebegruendungderwelt)


    11 years, 5 months ago

    Hi,

    I created the following website with www.remarpro.com 3.5.2, theme “Twenty Twelve”:

    https://www.diebegruendungderwelt.com/

    As the website is intended to be static, I removed all “discussion” and “comment” fields. As a result, on each page the following needless elements remain that I’d like to remove:

    – white space below the Facebook- and Amazon-button
    – a double grey horizontal line
    – below the line, again a white space (this time even bigger)

    How can I delete the two white spaces and the double grey line? Can anyone help me, please?

    Thanks a lot!

    Best,
    Thomas

Viewing 4 replies - 1 through 4 (of 4 total)

  • Looking at the page through FireBug, you’ll have to enter the following CSS somewhere. I’m not that familiar with the TwentyTwelve theme, so I can’t tell you exactly where to enter it, but you can also use the Lazyest Stylesheet plugin if you don’t want to create a child theme:

    .hentry {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}

    Thread Starter diebegruendungderwelt

    (@diebegruendungderwelt)

    Thanks! I’m already using a child theme. But entering your code doesn’t show any effect. Any other ideas?

    Where are you entering the CSS, at the end of the child theme’s CSS file?

    You can also try this:

    .site-content article {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}

    Thread Starter diebegruendungderwelt

    (@diebegruendungderwelt)

    Yes, I entered it at the end of the child theme’s CSS file.

    This time it worked! Great. Thanks a lot!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to remove white spaces and grey lines below the main text’ is closed to new replies.