Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 25, 2019 at 7:05 pm #1058877
    andydiprose

    Hello

    If you look at the bottom of one of my pages you will see I have added an accordion object. In it are separate lines of contact details, each line having an icon. However, the icons are not aligned. How do I fix this?

    Thank you

    Andy

    January 27, 2019 at 10:12 pm #1059440
    Basilis

    Hey andydiprose,

    Can you show us with a screenshot because I just loaded the page and I can see them looking just fine.

    Best regards,
    Basilis

    January 28, 2019 at 10:34 am #1059566
    andydiprose
    This reply has been marked as private.
    January 28, 2019 at 10:48 am #1059573
    andydiprose
    This reply has been marked as private.
    January 28, 2019 at 6:33 pm #1059752
    Vinay

    Hi,

    Thank you for writing to us.

    How did you add the icons?

    We need to check the backend please post the admin details in private content area so we can further investigate this issue.

    Best regards,
    Vinay

    January 28, 2019 at 7:17 pm #1059766
    andydiprose
    This reply has been marked as private.
    January 30, 2019 at 12:07 pm #1060445
    andydiprose

    Hello. Any thoughts on this?

    Thank you

    Andy

    January 30, 2019 at 5:57 pm #1060572
    andydiprose

    Hello. I’ve used the same technique but added whitespace to make icons on separate lines. This is half way there. Now the text does not line up. Anyway to do this? Also, to reduce whitespace as quite a big gap now.

    Thank you

    Andy

    January 30, 2019 at 6:27 pm #1060578
    andydiprose

    Hello. I’ve used a code block to align the text. Last problem is the whitespace between the lines of icons – I’ve reduced height=’1px’ , but it still quite a large gap. Thank you. Andy

    February 1, 2019 at 6:31 am #1061375
    Mike

    Hi,
    Thank you for the login, I enabled the custom classes for your elements at: Enfold Theme Options > Layout Builder > Show element options for developers
    2019-01-31-224350
    Then I added the custom class “accordion-icons” in your accordion element, so that we can add some custom css that will only effect the icons within the accordion element.
    2019-01-31-224536
    Then I added this css to your Enfold Theme Options > General Styling > Quick CSS field

    .accordion-icons .iconlist_content_wrap p {
margin: 0em !important; 
}
.accordion-icons .iconlist_content_wrap br {
    display: none !important;
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    February 1, 2019 at 12:39 pm #1061502
    andydiprose

    Thank you – this looks great :)

    February 1, 2019 at 2:18 pm #1061552
    Mike

    Hi,
    Glad to help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    February 1, 2019 at 3:20 pm #1061572
    andydiprose

    PLease close

    February 2, 2019 at 12:10 am #1061792
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Icons not on seperate lines’ is closed to new replies.