Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 18, 2022 at 4:20 pm #1369244
    rhae

    Hi, I’m trying to add a border to the image inside a (2/5) layout element. I tried using a custom CSS class, so I can target just that image, but can’t get it to work. This is the code I’m using now:

    .kader1 {
border: solid 2px red;
}

    I added ‘kader1’ as custom css class to the image inside the layout element.

    Do you have any advice on how to get it to work?

    • This topic was modified 2 years, 2 months ago by rhae.
    October 19, 2022 at 3:07 am #1369306
    Nikko

    Hi rhae,

    The code you gave seems correct as well as the instruction.
    Can you give us the link to the page mentioned? so that we could inspect it.

    Best regards,
    Nikko

    October 19, 2022 at 10:28 am #1369366
    Guenni007

    yes – but you had to know that the custom class set on image alb element goes to the top parent image container ( .avia-image-container ) of your image.
    sometimes this container is not the same dimension as the image itself ( f.e. on centering the image – you got some margins or paddings – then the border is not at the image itself. So if you like to have it on your img :

    .kader1 img {
  border: solid 2px red;
}
    October 19, 2022 at 2:09 pm #1369397
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    October 19, 2022 at 9:47 pm #1369470
    rhae

    Thanks @guenni007, that worked like a charm :-) Solved.

    Best regards, Haiko.

    October 20, 2022 at 12:06 am #1369475
    Nikko

    Hi rhae,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!


    @Guenni007     thanks for helping out :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to add a border to an image inside a layout element’ is closed to new replies.