Guys, is it possible have a sliding background within a colour section? Pretty much the same as a full width / full screen slider but have the ability to load columns and elements over the top easily.
Thanks
perhaps you can make the trick by having on top a fullwidth slider and then after that a 1/1 container.
After that you can give the 1/1 container a transparent background and a negative margin
see here: http://webers-testseite.de/ikom/full-slider-with-content/
Thanks, I have tried that but when you resize the page the info in the left column disappears and it hidden by the header. I need to have 2 columns to make it work properly. Ids there a way to give it a negative margin that starts from the top of the colour section? As in it always starts 30px from the top of the previous section? Does that make sense?
Thanks
you see here the alb elements:
the 1/2 column i set up to equal height and with no margin (neg margin here)
if you only want the first columns after that slider only be affected on a specific page you have to set up f.e. a custom class or do it like me with the page-id:
.page-id-3220 #after_full_slider_1 {
position: absolute;
top: 150px;
width: 100%;
}
Results here: http://webers-testseite.de/ikom/full-slider-with-content/
for the responsive case it will be a good advice to setup some media-querry instructions what happend to the 2nd column.
f.e.
@media only screen and (max-width: 990px) {
.responsive .page-id-3220 #after_full_slider_1 {
position: relative !important;
top: 0 !important;
width: 100%;
}
}
Hi @inboxgroup,
Do you have an example of what you would like to create? A link to the site you are working on would help as well.
Thanks @Guenni007 for helping out :-)
Thanks,
Rikard