Hi, I want the header full size without repeat, I can't find the css code .. (ACM slideshow module)
(..)
Thank u in advance
rborst Hi Add this code in custom.css file to remove repeat
.acm-slideshow .background { background-repeat: no-repeat; } .acm-slideshow .item {max-height:820px;}
Ninja Thank u for your reply:
On my laptop the header fits perfect, on my desktop it look likes this: (...)
Header image (1500 × 938)
I want it fullscreen on all platforms...
Thank you in advance
rborst Hi its because the size of the image is small compare to width of screen
.acm-slideshow .background { background-repeat: no-repeat; }
replace it with
.acm-slideshow .background { background-repeat: no-repeat; background-size:contain; }
Ninja Thank u it works!
My last question, how do I get the header mobile friendly (..)
rborst Hi Use this code in /css/custom.css file
@media(max-width:468px){ .acm-slideshow .background { background-repeat: no-repeat; Background-size:100%; } .acm-slideshow .item {max-height:250px;}}
Problem solved, thank you!