Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #685040

    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

    #685074

    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/

    #685091

    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

    #685202

    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/

    #685214

    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%;
    }
    }
    #686128

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.