Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #889997

    Hey Kriesi Team,

    I’d like to put a single colored frame around the title and caption of the fullscreen slideshow as a (orange) background on this client’s draft:

    https://webigami.de/bg/

    It should look like the section beneath where I used a static text frame with padding and background color please see screenshot:

    (Purchase code hidden if logged out) -11.53.50.jpg” alt=”” />

    Thx and cheers,
    Jan :)

    • This topic was modified 1 year ago by  WEBIGAMI.
    #890141

    Hey Jan,

    From viewing the link, it looks like you were able to the solve this. Did you still need help?

    Best regards,
    Jordan Shannon

    #890507

    Hey Jordan,

    thank you for your reply. No, I didn’t solve it. When you look at the top of the page it’s the Fullscreen Slider where it doesn’t look like the screenshot I postet. Acutally, below the slider is a simple section which is where I took the screenshot from. But it’s a section not a fullscreen slider. And there I can’t manage to get the same orange background without borders and visually like a single rectangle.

    I would appreciate your help.
    Jan :)

    #890698

    Hi Jan,

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

    .home #fullscreen_slider_1 .slideshow_inner_caption {
        background: rgba(235,143,44,0.8);
    }

    Best regards,
    Rikard

    #890784

    Hey Rikard,

    thank you, the direction is good. But now it’s huge. Can I reduce the area of the background?

    Cheers,
    Jan :)

    #890806

    I managed to get the size right – but now it moved to the left. How can I align it back to center? I used the following code and activated “Center without Frame” in the Slider Caption settings:

    .slideshow_caption {
    top: 23%;
    left: 10%;
    height: 50%;
    width: 75%!important;
    }
    #890869

    Hi Jan,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .page-id-232 #fullscreen_slider_1 .slideshow_caption {
        transform: translateX(18%);
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #890908

    Perfect, that worked!!! Thank you :)

    Jan

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Fullscreen Slideashow Frame Size’ is closed to new replies.