Title: CSS Help
Last modified: February 12, 2019

---

# CSS Help

 *  Resolved [Rahim](https://wordpress.org/support/users/rahimvaziri/)
 * (@rahimvaziri)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/css-help-83/)
 * Hello [@kbat82](https://wordpress.org/support/users/kbat82/)
    Hope you are doing
   very well.
 * First of all thank you so much for such a great plugin.
 * My theme default width is 1170px but I have changed the padding from left and
   right of the banners of WP Bakery in my site.
 * Now the slider and the banners are not in a vertical line. [http://prntscr.com/mjz68e](http://prntscr.com/mjz68e)
 * How can I fix this?
 * Kind regards,
    Rahim
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-help-83%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Kevin Batdorf](https://wordpress.org/support/users/kbat82/)
 * (@kbat82)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/css-help-83/#post-11196407)
 * Hi [@rahimvaziri](https://wordpress.org/support/users/rahimvaziri/)
 * It looks like the easy way would be to wrap the slideshow with a div that has
   a The fastest way might be to just override the styles on the slideshow. Try 
   adding this to your css stylesheet:
 *     ```
       .metaslider {
           margin-left: -10px!important;
           margin-right: -10px!important;
           width: auto!important;
       }
       ```
   
 * And if you want it to only affect that specific slideshow, use `.metaslider-3801`
   or `.home .metaslider` instead.
 * Let me know if that works
 *  Thread Starter [Rahim](https://wordpress.org/support/users/rahimvaziri/)
 * (@rahimvaziri)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/css-help-83/#post-11196557)
 * Hi [@kbat82](https://wordpress.org/support/users/kbat82/)
 * Thank you so much for your fast reply.
 * Yes, it works great now but I see that the image size has been changed to `1190x457.69`
   from `1170x450` [http://prntscr.com/mk13hm](http://prntscr.com/mk13hm)
 * My images were designed with this height and width `1170x450` and also the size
   in the metaslider dashboard is the same.
 * Do I need to redesign them to `1190x457.69` or just leave it and it will be fine?
   
   What about for the next slideshows? What’s your recommendation?
 * Kind Regards,
    Rahim
 *  [Kevin Batdorf](https://wordpress.org/support/users/kbat82/)
 * (@kbat82)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/css-help-83/#post-11196651)
 * Hi [@rahimvaziri](https://wordpress.org/support/users/rahimvaziri/)
 * If you want the slideshow to extend to that width then yeah you would want to
   make sure they look good at that resolution. The slight difference isn’t that
   noticeable though in my opinion, but others might disagree.
 * You could actually design it at 2340×900, then disable the cropping setting and
   combine it with a retina plugin so users with a high def screen get an even sharper
   image.
 * [https://wordpress.org/plugins/wp-retina-2x/](https://wordpress.org/plugins/wp-retina-2x/)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Help’ is closed to new replies.

 * ![](https://ps.w.org/ml-slider/assets/icon.svg?rev=3568997)
 * [Slider, Gallery, and Carousel by MetaSlider - Image Slider, Video Slider](https://wordpress.org/plugins/ml-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ml-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ml-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/ml-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ml-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ml-slider/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Kevin Batdorf](https://wordpress.org/support/users/kbat82/)
 * Last activity: [7 years, 4 months ago](https://wordpress.org/support/topic/css-help-83/#post-11196651)
 * Status: resolved