Oxygen Theme : Gap between Carousel Slideshow and Table – in a Full Width Page

  • Unknown's avatar
    deepaklmi · Member ·

    Hi there – I am trying to reduce the gap between the Carousel on my Home Page (full width page, Oxygen Theme) and the Table below it.

    This is a normal static home page. Not a showcase page.
    Please let me know how I can reduce the padding / margin on top of the table.

    This way the images in the table will just almost touch the bottom of the carousel images.

    Thanks

    Deepak

    The blog I need help with is: (visible only to logged in users)

  • staff-loquaciousloon · Staff ·

    Hi @deepaksii!

    It looks like you’ve already used the following CSS to reduce the gap:

    /* reduce gap between navbar and carousel */
#gallery-199-6-slideshow {
	padding-top: 20% !important;
	margin-top: -40px !important;
	margin-bottom: -40px !important;
	padding-bottom: 20% !important;
}

    the margin-bottom: -40px !important; part will basically pull the table up closer to the slider.

    There’s also an empty line in between the slider and the table.

    What I’d recommend is editing your post, and removing that empty line.

    Then, locate the above style in your CSS and adjust t he margin-bottom: -40px !important; up to something like -15px (or whatever number looks best to you :)

  • The topic ‘Oxygen Theme : Gap between Carousel Slideshow and Table – in a Full Width Page’ is closed to new replies.