-
AuthorPosts
-
November 23, 2017 at 2:17 am #880569
Hi, im trying to achieve the results i did in photoshop. As shown in the image.
With the intention that the images rotate horizontal and place themselves in the center. Trying to make it seem like a Paints hanging in a wall rotating.
What ive done is set the Wall image as background in the Easy Slider. And then attach the images in smaller sizes.
I have an issue with the background. The images size limits the background size, so it trims according to the image size. How can i define a size for the background that remains the same for every image despite their different sizes.
Thanks!!
- This topic was modified 7 years ago by cm-arq.
November 25, 2017 at 6:29 am #881490Hey CM Architects,
I’m not sure I fully understand what you are looking to achieve, could you try to explain a bit further please? Also, I couldn’t see an Easy Slider on the page you linked to?
Best regards,
RikardNovember 25, 2017 at 8:42 pm #881742Hi thnks for the reply. The Easy Slider is under “Fineart New”
This is what i have.
http://imgur.com/g6wFFZz
This is what i want
http://imgur.com/ysfFBRBI dont know why. images are not display
See that in my web the image in the center (Its an Art work) fits the whole Background height (which is a wall). Because the background height automatically adjust to the same one of the image shown.
I want the background to stay the same height always, and all the images to be smaller and set to a same height but different width.
Thnks!- This reply was modified 6 years, 12 months ago by cm-arq.
November 26, 2017 at 7:35 am #881842Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.page-id-475 #full_slider_1 { padding:70px; }
Best regards,
RikardNovember 27, 2017 at 5:36 am #882100Works great! thanks!!
Is there a way to set a Lightbox to the Easy Slider? to click in the image and enlarge it.
Also how can i move the images up, and change their height, without affecting the background.
Thnks!
- This reply was modified 6 years, 12 months ago by cm-arq.
November 28, 2017 at 4:18 am #882488Hi,
1.) Yes, it’s possible. Edit the images in the easy slider then look for the “Apply a link to the slide?” settings.
2.) Set the css top position property of the slideshow in the Quick CSS field. If you want to apply it in a specific slider, enable the custom css class field.
// https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Best regards,
IsmaelNovember 28, 2017 at 4:55 am #8824991) ok, thnks! i didnt notice jaja.
2) The thing is when i change the top position property, or height, or any slider property, it changes the background too. I dont know how to target the just all sliders. Cant find the css code. Even if i use a developer ID.
I want the BACKGROUND to remain just as it is already. But change all sliders max-height and top position.Can u help me with the code? pls. its driving me crazy!!
thnks
November 29, 2017 at 1:56 pm #883041OK, forget it, i couldnt do it. I removed the Slider Background and set a background through css.
thnks anyway!
November 30, 2017 at 1:03 pm #883390 -
AuthorPosts
- The topic ‘Fullwidth Easy Slider with background’ is closed to new replies.