Okay
  Public Ticket #3442218
How do I limit the height of a fancy box?
Closed

Comments

  •  10
    davidkhuffman started the conversation

    On the bottom fancy box, goes across the screen, I want a short but wide image.

    I can set min height, but not max height. I tried using negative padding and negative margin numbers. Didn't work. 

    It's a very short and wide image, but it only takes the middle part of it.

    Thoughts?

    Thank you!

  •  3,001
    Andrew replied

    Hey David,

    Thank you for reaching out to us.

    Adding a Max-height would likely break the Fancy Box Layout. I don't see any images in your fancy boxes. Could you add images to the fancy boxes so we can check this out for you?

    2702650457.png

    We look forward to your feedback.

    Thanks 

  •  10
    davidkhuffman replied

    Sorry about that - here's the fancy box height challenge I'm having:

    http://davidh523.sg-host.com/_test-about-us-fancy-box/

    The bottom box is meant to be a very short and wide image such that it fits on the page (I'm using Full Page) and shows a single line of text. 

    The image is 2560 by 133 pixels.  

    I can give you the login info if that'd help!

    Thank you!

  •  8,940
    Tahir replied

    Hey Again,

    Try reducing the Min height in the fancy box page element settings and add below css.

    8812749344.png

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-fancy-box .inner {
        padding-bottom: 0px;
    }

    Thanks


    ThemeNectar Support Team 

  •  10
    davidkhuffman replied

    aha! working now. 

    with the added CSS, the fancy box advanced spacing/padding settings are working as expected.

    thank you!