Struggeling with special CSS setup

  • Resolved dahawk

    (@dahawk)


    6 years, 5 months ago

    Hi.

    Thanks for a great plugin!

    Though, I have some problems. I have manage to get it to work with the element that I want to be sticky. All works fine, sort of.

    I’m trying to get rid of the padding so that the sticky element would be smaller (top and bottom gone/reduced) The text size and image size is perfect, but I can’t get rid of the padding…

    As of now, I have this in my CSS:

    .element-is-sticky {
    background-color: white !important;
    border-bottom: 1px solid rgba(192, 192, 192, 1);
    }

    .element-is-sticky a img {
    width: 130px !important;
    background-color: white !important;
    }

    How do I get rid of the padding? And also, if possible on my site, how do i make the sticky 100% width of page? (page is all white anyway)

    I’ll be happy for any help from you!

    The page I need help with: [log in to see the link]

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

  • It’s not really possible to change the padding of the element when it’s sticky, since the size (height) is depending on the height of the original element.

    If you require these types of changes between the non-sticky element and the stick version, you’d need to use some mroe advanced Javascript, I’m afraid.

    Thread Starter dahawk

    (@dahawk)

    Hi.

    Thanks for your quick reply.
    Hmm. Ok. Then I’ll just leave it as it is I think.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Struggeling with special CSS setup’ is closed to new replies.