Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #753059

    Hello,
    how can I create such a simple list with the enfold theme? I can not figure it out. Please check the image:
    Image LINK

    I just need a simple Icon and the text right to it. Then I want to center both.

    Thanks, Enrico

    #755400

    Hey enricobaumgart,

    Can you please provide a link to the site, along with the section you need to correct.

    Best regards,
    Jordan Shannon

    #755552

    Hello,
    Sorry but I cannot, because the site is still offline on my local server.
    But actually if you have a look on the picture, its pretty clear what I’d like to achieve.

    I just would like to add a simple icon (without any styling) and a text on the right site of the icon. Both should be centered. Of cause I could use a simple image and go the way with the image, but I think there is a smart way by using the existing icons. Isn’t it?

    Thanks for help, Enrico

    #756642

    Hi,

    I need to know the class/ids of the elements I am targeting in order to give you the most accurate answer on how to center them via css.

    Best regards,
    Jordan Shannon

    #756959

    Hello,
    I just found out how to do it. So if anybody else wants to add a simple icon beside and text just do the following:
    1. put your text in a <span> element and add a css-class:
    <span class="icon-on-left">Any Text</span>

    2. add a custom CSS code:

    .icon-on-left::before {
        content: "\e822 \00a0";
        font-family: entypo-fontello;
    }

    regards, Enrico

    #757167

    Hi,

    Great! I am glad you were able to get this worked out.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.