-
Posts
-
Hi I seem to be having some trouble with full width content.
I have a color section with a id of width
This is the css:
#width .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}In the color section I have a 1/5, 3/5, 1/5 layout with an image in each of the 1/5 and some text and a slider in the 3/5
The problem is that the content is not full width and remains in the normal width of the site content.
is there anything else I should consider. The site is local at this time.
Thanks
Hey Dogmut,
That should be correct from what I can see on my local installation, did you check that the CSS is actually applying?
Best regards,
RikardHi,
Ok, where exactly did you place the CSS? Try it in Quick CSS if you don’t already have it in there. Also make sure that you don’t have file compression active under Enfold->Performance. Make sure that you delete the old CSS and JS files on the same page as well.
Best regards,
RikardIts in the quick css box on the general styling page. No other css has been added.compression was set to enabled so have disabled that and tecked delete old css and js files. but still no change.
Hi Dogmut,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi Victoria, its on laragon at the mo as in the early stages of development. It will be a couple of weeks before I move it to a live server.
Hi Dogmut,
Ok, please get back to us when you get it on some testing server where we can see it and help you with the issue.
Best regards,
VictoriaHi Victoria,
M also having the same issue. i got the code from https://kriesi.at/documentation/enfold/color-section/#toggle-id-3-closed
I tried a lot, its not working any how. please suggest
/* Color section container width */
#section-container-width .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}Hi bhutanitinfo,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaHi bhutanitinfo,
I see that you are using a boxed layout, that means you cannot have elements spanning full width.
Best regards,
RikardHi bhutanitinfo,
Yes, you can do that using one of the layout elements from the Enfold builder, if that is not what you are looking for then please try to explain what you are trying to achieve a bit further.
Best regards,
RikardHi,
Maybe I enabled or disabled something on my website and don’t recall. Enfold Content or Layout Elements is no longer full-width covering the sections throughout the website. It must be something simple that I’m overlooking as it was fine – and now it isn’t. I have it set to Stretch – not Box so it isn’t that. The layout is stretched it is the content within …
Examples on Front Page: How it came to bee… | The Blog | Beecome part of the hive
The content no longer stretches. The frame does. Not finding the problem in the margins. Every page so I must have enabled or disabled something?Hopefully you can assist.
Thank you,
Hi dlambers,
The How it came to bee section is full width, the background image is stretching full width as you can see. The content though will always stay within the container size. If you want that to be 100% as well then you can change it under Enfold->General Layout->Dimensions.
Best regards,
Rikarddlambers, I feel your pain. This is what I did. Seems to work but probably not the best solution.
#section-container-width .container .avia-image-container avia-image-container-inner, .avia-image-container avia-image-container-inner img {
width: 100%;
}#section-container-width .container .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}
- You must be logged in to reply to this topic.