Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problem with css

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #236384
    rauldesign
    Participant

    Please i really need help somebody that can explain me how to make this space on the opacity on top of the image.

    http://raulphotodesign.com/sample/sample.jpg

    i having like this now.
    http://raulphotodesign.com/sample/

    Please help!!!!1

    #236386
    TheDoc
    Member

    Instead of having a width/height of 100% on figcaption you should just set the top/right/bottom/left values to something other than 0.

    This worked for me:

    #main-banners > div figcaption {
        position: absolute;
        z-index: 2;
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        /* width: 100%; REMOVE */
        /* height: 100%; REMOVE */
        padding: 10%;
        color: #FFF;
        background-color: rgba(40, 40, 40, 0.8);
    }
    
    #236387
    Shikkediel
    Participant

    I gave an answer in this earlier topic as well :

    Right here

    No need to start another one.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.