rev slider margin problem with columns

[ttwthemeforest]

Hello,

I am using 1/3 + 1/3 + 1/3 column layout for my home page. I have the same size rev slider in each column. Unfortunately, each slider extends beyond the margins for the column and overall for the grid. So instead of 20px between each other, the rev sliders are touching each other. The columns are below the video and text box.

Home

DANTE 2.53
Wordpress 3.9

I placed a border around the middle rev slider so you can see the extent of the “leaking out.” It is harder to see since I have used a white background, but the final ones will have full images. When you roll over the slider, you can see the arrows for navigation.

thanks!

Tim

[Kyle – SUPPORT]

Hi

It will be to do with your settings in the slider settings. Please check your sizes and make sure you have not set it to forced full width

– Kyle

[ttwthemeforest]

Hi Kyle,

I just double checked…

SLIDER LAYOUT: Auto-responsive
UNLIMITED HEIGHT: Off
FORCE FULL WIDTH: Off

thanks,

Tim

[Kyle – SUPPORT]

Turn off auto responsive

– Kyle

[ttwthemeforest]

Hi Kyle,

When I deselect auto responsive, I have to select either

FIXED, which clearly does not work as it shows full size but cut off.
FULL SCREEN, which does not work
and not sure about CUSTOM SIZE…

please advise,
Tim

[Kyle – SUPPORT]

I just checked and there are margins between your sliders?

– Kyle

[ttwthemeforest]

Sorry, it is harder to see, but the image is on a white background bigger than the image…
I just added the outline class to all 3 rev sliders on the page so you can see their size, and you can see how they are bigger than the columns.

[Kyle – SUPPORT]

Please could you screenshot how you have set them up in your page builder?

– Kyle

[ttwthemeforest]

Sure thing! 🙂

[Kyle – SUPPORT]

I know you probably need them within the column but if you take them out do the margins come back?

– Kyle

[ttwthemeforest]

I put the same slider below the 3 columns and it still “leaks out.”

[Kyle – SUPPORT]

Please could you provide me with a login so I can see if I can sort it out for you?

– Kyle

[ttwthemeforest]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have defined new class .home-outline-new{margin-left:4px;width:98%;padding-top:6px} and used for middle slider column to resolve the issue . So please check it now .

Thanks 🙂
With Best Regards
Swift Ideas