Padding

  • Resolved trapsen

    (@trapsen)


    4 years ago

    Hello,

    I’ve been using the plugin since today and it’s really good.
    Unfortunately I still have a few display errors and I hope that someone can help me here.

    I would like to remove the padding around the flip book for the desktop view & the smartphone view.

    In the desktop view, it’s the top padding.
    in the smartphone view the top, left & right padding.

    Desktopview screenshot: https://prnt.sc/vbe0bl
    Smartphone Screenshot: https://prnt.sc/vbe0rx

    How can I edit this?

    best regards

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author deip

    (@deip)

    Hi,

    The padding of 20px is coming from the visual composer design element, try removing those.

    On phones left and with side leaves 40px of size.

    Also, note that the flipbook won’t get bigger than the screen height so to adapt to that size it will get smaller and can leave space around. It’s not happening in your case so far.

    Best,
    Deepak

    Thread Starter trapsen

    (@trapsen)

    Hi

    Thanks for the answer. The problem is the following: I have a higher padding on the smartphone than on the web browser. That’s why I suspect that it comes through the plugin and not through visual composer.

    I have all the visual composer rows with the same settings. only in the row where i have the flip book, i have more padding on the smartphone than on the other elements

    Best Regards

    • This reply was modified 4 years ago by trapsen.
    Plugin Author deip

    (@deip)

    Hi @trapsen,

    Looks like you have found the answer.
    So I am marking this as resolved.
    If it’s not solved let us know.

    Have a good day.
    Deip

    Thread Starter trapsen

    (@trapsen)

    Hi @deip

    No, unfortunately the problem still exists (but only on the smartphone)

    Please check the screenshots, I have marked the problem with an arrow. It’s the space between the title and the FlipBook

    This is the wrong distance:
    https://prnt.sc/vch6oo

    This is the right distance:
    https://prnt.sc/vch68u

    best regards

    Plugin Author deip

    (@deip)

    Hi Trapsen,

    That space is from Visual Composer. We had checked it using inspect from Developer Console. So there is no doubt about that.
    https://drive.google.com/file/d/1PjAkOVKQEfq8eekoyVsF_luJDz4_Up_m/view

    1. You have a paragraph above the flipbook that is taking 20px.

    2. There is a CSS that adds 40px margin from Visual composer when in small devices. Many builder do that. Using different layout for different devices.

    @media (max-width: 767px)
.vc_section>.vc_row+.vc_row-full-width+.vc_row {
    margin-top: 40px;
}

    Please check those total of 60px space and be assured that they are not from the plugin.

    Best,
    Deip

    • This reply was modified 4 years ago by deip.
    Thread Starter trapsen

    (@trapsen)

    Hey @deip

    I removed the paragraph and the 40px from the visual composer. However, the gap is still there on the smartphone. I’m really a little desperate

    Plugin Author deip

    (@deip)

    Hi,

    There is a margin-top of 40px in the row that contains the flipbook.

    Since the beginning, there is only 20px padding in between the container and the flipbook.

    Anything else is due to builders or external CSS.

    Best,
    Deip

    Thread Starter trapsen

    (@trapsen)

    Hi

    is there still a margin top of 40px in the visual composer? I’m going crazy. Well then it has to stay that way

    I thank you for your help

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Padding’ is closed to new replies.