Tagged: , , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 18, 2020 at 1:54 am #1246617
    Jason

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

    September 18, 2020 at 8:34 am #1246699
    Nikko

    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

    September 25, 2020 at 1:02 am #1248286
    Jason

    sorry about the delay – details below

    September 26, 2020 at 2:15 pm #1248671
    Nikko

    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

    September 28, 2020 at 12:27 am #1248886
    Jason

    perfect, thank you Nikko

    September 28, 2020 at 12:36 am #1248887
    Jason

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

    September 28, 2020 at 3:49 am #1248900
    Nikko

    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

    September 30, 2020 at 12:23 am #1249511
    Jason

    perfect – thank you Nikko

    September 30, 2020 at 3:56 am #1249523
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    September 30, 2020 at 4:04 am #1249535
    Jason

    happy to close please Jordan, all sorted thank you

    September 30, 2020 at 4:22 am #1249548
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
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.