Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Cake demo. We don`t offer theme customization.

Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .

NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.

Revolution Slider Issue - Grey rectangle on left side of image in all slides
  • Hello,
    I am having an issue with images in the slider.  No matter how I have the slider settings (fixed, custom, auto-responsive, can't do full screen since I need the whole image on screen), I have a problem with a grey rectangle appearing on the left side of my image, making the image look off center.  At first I thought it was the image itself, but I tried multiple images and still had the same issue.  Anyone have a work around or experienced this same problem?
  • 4 Comments sorted by
  • Getting full screen is not the issue.  Right now I have 3 sliders on my page.  The top is full screen and the other two are set to auto responsive.  The problem is that my image is not centered revealing the grey background under the slider.  Here is a screen grab of the issue:

    Appreciate any help with this.  Still haven't been able to resolve this problem.  Thanks!
  • Finally figured out a solution in case anyone was interested.  Paste this code into the "CSS/Java Script" section in the slider's main settings:

    .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

    This will get rid of the padding on the left margin that made my images off center.