-
Posts
-
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:
It should look like the section beneath where I used a static text frame with padding and background color please see screenshot:
Thx and cheers,
Jan :)Hey Jan,
From viewing the link, it looks like you were able to the solve this. Did you still need help?
Best regards,
Jordan ShannonHey 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 :)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,
RikardHey Rikard,
thank you, the direction is good. But now it’s huge. Can I reduce the area of the background?
Cheers,
Jan :)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; }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
- The topic ‘Fullscreen Slideashow Frame Size’ is closed to new replies.