Okay
  Public Ticket #473654
Remove gap between rows
Closed

Comments

  • Martina started the conversation
    July 7, 2015 at 12:08pm

    Hi Tahir,

    Thanks for helping me with the page background colouring. I'm a bit confused as to why there is a gap in-between my rows. I'm trying to create a white page on a black background. See link

    http://www.cosmiccaboodle.com/?page_id=149

    I want the red image buttons to be flush up against the text from the row above. Normally, each row is flush, but with it set to 'container' it doesn't seem to be flush. I don't have any padding on the row (top/bottom), so I don't know what I've done wrong.

    I was trying to lay it out so that my button images were set nicely within a 1/4 layout (taking 2/4 and 3/4 position) so it matched with the above row which is 1/4 + 1/2 + 1/4.

    Thanks in advance

    Martina

  •  8,839
    Tahir replied
    July 7, 2015 at 4:31pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .wpb_row {
    margin-bottom: 0px !important;
}

    Thanks


    ThemeNectar Support Team 

  • nicrojump replied
    February 20, 2019 at 12:29pm

    What else i can do if this is not working?

  •  8,839
    Tahir replied
    February 20, 2019 at 12:31pm

    @Nicrojump,

    Please create a new Ticket with your url so we can take a look. 

    Best

    ThemeNectar Support Team 

  • zhaoshuilin replied
    September 8, 2019 at 9:10pm

    Hi Tahir

    I have same problem, want to remove some pages row and inner row bottom margin,

    where to put this code? Thanks

    .wpb_row {    margin-bottom: 0px !important;
}
  •  8,839
    Tahir replied
    September 10, 2019 at 4:41am

    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_row {    
margin-bottom: 0px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    craigwheeler7 replied
    April 3, 2023 at 6:53pm

    Hi Tahir,

    I believe I've successfully used this solution in the past, but I am now getting the gaps again. I checked the CSS you provided and I have 2 errors…

    1. Use of !important

    2. Values of 0 shouldn't have specified units.

    I'm checking to see if any updates have been made since the last post (2019) to once again remove the gaps?

  •  8,839
    Tahir replied
    April 3, 2023 at 10:39pm

    Hey Again,

    The Yellow warnings can be ignored.

    Thanks 

    ThemeNectar Support Team