Grow your CSS skills. Land your dream job.

Fading Divs with set text overlay, not fading captions also responsive

  • # May 10, 2013 at 7:24 pm

    Hi,

    this is my first help request!

    Basically I’m using bones theme and the max width is 1155px of my site but responsive, the size centralises to the browser however I’d like a full browser width banner which fades through a few images but the one set sentence constantly remains over the whole set of images, not a new caption for every one and i dont want this to fade (basically its a set call to action). The main thing thats baffling me if also how to get this text left aligned with the left side of the #wrapper at all times even when you drag the viewport about but almost look nested/positioned in the banner however not fully left aligned to the edge of the banner as thats full screen with…


    |logo|


    |



    |


    |


    |


    |
    |


    |caption


    |


    |
    |


    |


    |


    |
    |


    |


    |


    |

    I’ve worked out how to do it in a hackish way but wondering if theres a decent way to do it…

    Thanks :)

    # May 10, 2013 at 7:34 pm

    Basically its easy to do in css html with one background image, its just the fading divs with the text remaining over the top which is my problem…

    http://codepen.io/anon/pen/mjtCr

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".