Okay
  Public Ticket #2246110
FancyBox Margin/Padding
Closed

Comments

  • WRCweb started the conversation
    December 17, 2019 at 4:14pm

    I am trying to eliminate the margin/padding border on fancybox in a column. 

    • On the linked page, I have 4 product descriptions; each a fancybox in a column
    • I would like the columns to all be equal height with NO white border/margin/padding on hover
    • When I select equal height in the Row settings, there is unequal "white space" around the box content on hover.
    • I have been trying to omit any margin/padding via CSS and can't seem to find the right element.
  •  8,992
    Tahir replied
    December 18, 2019 at 10:30am

    Hey Again,

    - You will have to set the Min Height Field in the Fancy Box Settings to keep them all on the same height .

    - Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .wpb_column.boxed > .vc_column-inner {
    padding: 0 !important;
}

    Thanks

    ThemeNectar Support Team