Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 23, 2017 at 2:17 am #880569
    cm-arq

    Hi, im trying to achieve the results i did in photoshop. As shown in the image.
    Photoshop

    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 6 years, 11 months ago by cm-arq.
    November 25, 2017 at 6:29 am #881490
    Rikard

    Hey 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,
    Rikard

    November 25, 2017 at 8:42 pm #881742
    cm-arq

    Hi 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/ysfFBRB

    I 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, 11 months ago by cm-arq.
    November 26, 2017 at 7:35 am #881842
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-475 #full_slider_1 {
  padding:70px;
}

    Best regards,
    Rikard

    November 27, 2017 at 5:36 am #882100
    cm-arq

    Works 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, 11 months ago by cm-arq.
    November 28, 2017 at 4:18 am #882488
    Ismael

    Hi,

    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,
    Ismael

    November 28, 2017 at 4:55 am #882499
    cm-arq

    1) 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 #883041
    cm-arq

    OK, 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
    Ismael

    Hi,

    Alright. I’m glad that you found a workaround. Please feel free to open a new thread if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Fullwidth Easy Slider with background’ is closed to new replies.