Home>Support>CSS Adventures

CSS Adventures

By Eric Admati, 7 years ago. Last reply by Eric Admati, 7 years ago.

Hi!

I tried to remove the padding or margin below the patreon image on http://tinyurl.com/y8jgt4d6. Seems the div is 75 px high, and the image is 51.

I kind of did it, however, I lost a row in doing so: https://www.screencast.com/t/v58NTLf7q.

I used

.panel-grid-cell {
  height: 51px !important;
}

I also had .panel-row-style panel-row-style-for-270-0, .pgc-270-0-2 in there as well.

Seems I did something wrong.

1. How can I remove the 24 px below the Become a Patron image?

2. Even better, how could I have it overlap the image below, flush to the top, and have the whole image butted against the bottom of the header?

Thanks much,
Eric

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 2 months ago Eric Admati

    OK, got it. This did the trick:

    #pg-270-0, #pl-270 .so-panel:last-child {
    height: 51px !important;
}
  2. 7 years, 2 months ago Eric Admati

    actually, spoke too soon. With that, it looked like this:

    https://www.screencast.com/t/nLIgXibB

    so, I removed some of it, and it seems to work with this:

    #pg-270-0 {
    height: 51px !important;
}
  3. 7 years, 1 month ago Alex S
    Hi, I Work Here

    Hi Eric,

    I just had a quick look at your website and it looks like you’ve removed the relevant text. Do you still need help with this?

    Please note that I do not recommend using that quoted CSS as it’s very likely to lead to responsive issues.

  4. 7 years, 1 month ago Eric Admati

    Hi Alex,

    I did get it, thank you for following up.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More