-
Notifications
You must be signed in to change notification settings - Fork 391
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Layers in Fullwidth Slider inside the Site Container #182
Comments
Hi there. You could set the reference point of the layer to center: Cheers |
Hey David, Thank you for the reply! First of all, I admit that the "Site Container" feature will be needed mostly for "FullWidth" sliders. It might be a good addition for normal slider as well, but its real power will be in the "FullWidth" sliders. All this fuzz about "Site Container" feature is to allow the users to place the layers more easily and more precisely in FullWidth sliders (which are quite trendy for several years already). The "Site Container" is all about having another reference point for the layers. As you probably already know, the Revolution Slider and the Layer Slider plugins have this feature already. Here, have a look at this screenshot, it is from the Revolution Slider. Notice the Layers Grid Size setting and the gray info box below it. David, your script is awesome already! Everything can be achieved with the options that are already available. Therefore I would understand you completely if you do not want to add this as a feature. Thanks a lot David and sorry for the long comment 😉 |
Hey David,
First of all, thank you very much for the great plugin!
As the title says, I'm trying to place the Slider layers inside the site container.
Here's what I mean - as you know, most sites/frameworks have a site container which is centered on the screen. Usually, this container is 1200px or whatever, it varies.
I have a fullwidth Slider and I need to have the
topLeft
,topRight
,bottomLeft
,bottomRight
,centerLeft
andcenterRight
layers to start from the container, not from the screen itself.Here, this screenshot shows what I mean - as you can, it is a
topLeft
layer and it starts from the top left of the screen, I need it to start from the top left of the container instead.I tried wrapping the layer with another DIV and then tried to center it via CSS but it didn't really worked:
HTML:
CSS:
The above CSS code is just an example, in the final version (if I manage to get it to work) there will be Media Queries that will handle the fixed pixel width for all resolutions/devices.
Could you please tell me how I can accomplish what I need?
Is there an existing setting or a combination of settings that will do what I need?
If this is currently not possible, would you consider implementing it?
I did read the whole documentation and all opened and closed issue and I didn't find anything similar 😉
The text was updated successfully, but these errors were encountered: