This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

CSS Adventures

8 years ago · Last reply by Eric Admati 8 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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Eric Admati 8 years, 7 months ago

    OK, got it. This did the trick:

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

    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. Alex S Staff 8 years, 7 months ago

    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. Eric Admati 8 years, 6 months ago

    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.

Have a different question or issue?

Start New Thread