Removing small gap/padding on right side of Revslider slides

[seola]

I noticed my Revolution Slider has a 2 pixel wide padding / gap on the right side of my slides - is there an easy way to eliminate this so that my images touch the border? they use to do this, but i think the issue occurred after updating the plugin (I was previously using a much older version).

for example of what I’m referring to, check out the first slide (easiest to see the issue) on this page:
https:// tinyurl.com/y8eyd6tc (i put a space in the url as I don’t want the backlink indexed)

I’ve also attached a screenshot.

the theme and plugins are all up to date.

thank you.

[ruenel]

Hello There,

Thanks for writing in! Regretfully the given url is invalid.

Screenshot

Please double check it.

[seola]

Not sure what happened, sorry about that. The URL has been corrected in the original post.

[rad]

Hi @armintz,

Thanks for posting in.

It happens on certain screen width and looks like a glitch as the calculated width has decimal. Example, 1167.61px and because of this, it creates a pixel gap. It’s dynamically calculated and applied by javascript so we can’t override it with CSS.

The solution would be changing your max width layout from 1170px to lower or greater. I tried 1190px and it works well, you can do that by going to Theme Options > Layout and Design > SITE MAX WIDTH (PX)

Thanks.

[seola]

1190px works well on desktop, but still has issues at smaller breakpoints, mostly around roughly tablet sizes.

[jade]

Hi there,

Try updating the CSS code you are currently using to:

body:not(.home) .rev_slider .tp-revslider-mainul {
    border: 1px solid #a4a4a2 !important;
}

Hope this helps.

[jade]

You’re most welcome!

[seola]

perfect now, thank you

[nabeel]

Glad we could help.

Cheers!