-
Posts
-
In the demo there is a advanced layer slider that shows images going the full width of the window. I can add a slide for an image, and it looks perfect, as it goes all the way to the edge of the window (full width). I don’t really need a slider though, as I’m just using a single image, and there will be no animation or other slides.
So I start from scratch and add an image with 1600px width, but the image seems to be wrapped in a #container, limiting the width, not allowing it to go to the full width of the window. It seems a waste to have to use the layer slider just for a single image. Is there a nice way to do what I want to do?
Hey!
Have you tried using a Color Section and putting the image as a background image?
Best regards,
JosueHi Josue,
I tried that just now, but then the image is not responsive, and the options for displaying the background image don’t quite make that technique usable. The advanced layer slider obviously has a way to go full width. Is there no way to go full width on a content area? If I could do that, I could just insert the image and would be done.
Hi!
Set that color section and ID like customcc, then add this to the Quick CSS:
@media only screen and (max-width: 767px) { div#customcc { background-size: contain; } }The result:
Cheers!
JosueOK, I figured out how to make it the way I wanted.
1) Create normal color section. No background image. No padding. Apply ID, like #abcdefg.
2) Add Image type media element inside created color section.
3) Add the following CSS to child theme’s CSS:
div#abcdefg .container { width:100%; } div#abcdefg .container main { margin:0; }Seems to be the way I need it. Do you think there may be unforeseen side effects?
- You must be logged in to reply to this topic.