Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1246617

    essentially it’s an arrow (a transparent png) which i’d like to position bottom/center of the image.
    example

    #1246699

    Hey Jason,

    Can you give us a link to both the page and the image? so we can try to formulate some CSS code for it.

    Best regards,
    Nikko

    #1248286

    sorry about the delay – details below

    #1248671

    Hi Jason,

    Please try adding this CSS code in Quick CSS, located in Enfold > General Styling:

    .slide-entry.av_one_fourth .slide-content {
        position: relative;
    }
    
    .slide-entry.av_one_fourth .slide-content:after {
        content: '';
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f2f2f2;
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -10px;
    }

    Best regards,
    Nikko

    #1248886

    perfect, thank you Nikko

    #1248887

    actually, one last thing – how easy is it to reduce the space between columns (the left margin), so it works across devices as expected?

    #1248900

    Hi Jason,

    You’re welcome:)
    Please add this CSS code as well:

    .slide-entry.av_one_fourth a.slide-image img {
        width: 100%;
    }

    Best regards,
    Nikko

    #1249511

    perfect – thank you Nikko

    #1249523

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1249535

    happy to close please Jordan, all sorted thank you

    #1249548

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

The topic ‘add an image on top of an image using css’ is closed to new replies.