Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 29, 2024 at 2:38 pm #1438700
    northorie

    Hi,
    is it possible to use an image of my library for the symbol-box element. Instead of an icon?

    Best regards

    March 30, 2024 at 6:05 pm #1438768
    Mike

    Hey northorie,
    Try this solution.

    Best regards,
    Mike

    March 30, 2024 at 8:29 pm #1438781
    northorie

    Thank you, I tried, but it keeps showing the icon instead of my test image
    link on private content. It’s the first symbol box with the feather-icon, This is where my test-image should appear

    March 30, 2024 at 10:08 pm #1438789
    Mike

    Hi,
    In your css you have div[data-av_icon=”\ue837″], please remove the “u” like this:
    div[data-av_icon=”\e837″]
    You image is also quite large 300×200 I recommend a smaller square like 50px

    Best regards,
    Mike

    March 31, 2024 at 1:37 pm #1438834
    northorie

    *duh* my fault. In germany we say: wer lesen kann, ist klar im Vorteil (Anyone who can read has a clear advantage)

    Now it works.
    Is it possible to make the space of the icon/image bigger? f.e. 100x100px?

    March 31, 2024 at 9:55 pm #1438855
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #main .iconbox_left_content .iconbox_icon {
    width: 100px;
    height: 100px;
}

    Best regards,
    Mike

    April 1, 2024 at 1:13 am #1438865
    Guenni007

    or have a look at this page ( i that case it is a gif – second flip-box ) but you see the general way behind that substitution:
    https://webers-testseite.de/icongrid-with-frontimage/

    April 1, 2024 at 4:10 pm #1438906
    northorie

    Thank you! That’s perfect and exactly, what I wanted :)

    Can be closed.

    Best regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Image of symbol-box’ is closed to new replies.