Okay
  Public Ticket #1589681
Origami background colour when use Contain
Closed

Comments

  • VinceS1 started the conversation

    Hi, I have the problem with the Origami feature that, when using Contain as the slide size (not Cover), during the transition the outer areas of the slide black out the background. This is the area that should be whited out, but is blacked out. A correct implementation would be to allow this colour to be selectable, to be more compatible with underlying theme background. Is there anywhere I can set it or is this a bug? Note, once the transition is finished, the infilled areas do revert to white. I have tried setting background colour and it seems no setting is white, setting white makes no difference, or I can pick a colour I want so the slide resides in the selected colour box when finished. If I pick a colour, like orange, the slide is initially presented with say the edges with orange boxes if this one was taller than the set size. Then the orange is replaced with black when the transition starts. The black then behaves properly over the orange background as it is folded and cut, then assumes the full size at the end of the transition, then winks out back to orange. This behaviour cannot be a deliberately designed in feature. Can you please tell me a special code I can use while this is rectified. Or what I have missed! Thank you.

    Edit: I see from responses to this question by others that the black backgrounds on Contain is a bug; the only answer given prior to avoid the problem is to use Cover or make images fit the slider. So, until this inability to set the filled in boxes to match aspect ratios is fixed, is there a Custom CSS that might do this? Thank you.

    Edit 2: I have swapped to rotating 3D columns and now the infil boxes are coloured alternately light and dark grey. I am sure those colours are being lifted from my theme somewhere (Buildpress Construction) as I have seen them before. But if I set the slider default background to white instead of transparent it mostly works, except when the white is rotating in the aspect ratio created boxes the grey appears on the edges of the white box segments, in space if you like. Very amateurish look and so what I didn't expect when ditching Revolution Slider and buying this one. Is this level of sloppiness the best that can be achieved by Layer Slider? SURELY I don't have to pick an aspect ratio and convert all my pics to fit in it, by adding the white space myself to the actual images? It does look like that will be the forced workaround as I doubt the slider is getting fixed any time soon to properly handle Contain; so, what would you pick - 1920 x 1080? Or something else? Ta.

  • [deleted] replied

    Hello VinceS1,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    The color of the sides of the 3D transition objects can be changed in the CSS Editor. The CSS Editor can be accessed from the WP sidebar, under LayerSlider from the Options menu. The code line for this is at the bottom of the editor (.ls-3d-box div). A couple examples:

    .ls-3d-box div {
    background-color: #00f;
    }

    .ls-3d-box .ls-3d-top { 
    background-color: #00ff00; 
    }

    .ls-3d-box .ls-3d-bottom {
      background-color: red; 
    }

  • VinceS1 replied

    Thank you Attila, this beautifully fixed the 'spacey' stuff on the 3D transitions where Contain was used, but makes no difference to the Origami effect infills. Do you know what CSS might tell Origami to go a different way?

    For those that find this and want the exact info, these are the lines that need to appear in the global CSS Editor, for use with a white background:

    .ls-3d-box div { /* Sides of 3D transition objects */ 
    background-color: #ffffff;
    }

    .ls-3d-box .ls-3d-top {  
    background-color: #ffffff;  
    }

    .ls-3d-box .ls-3d-bottom {
      background-color: #ffffff;  
    }