Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 23, 2021 at 6:16 pm #1283186
    gregcarrollLMG

    Hi
    I have 3 separate icon lists on 3 different pages (9 icon lists) with two entries in each that i want to have a particular minimum height

    I have another 3 icon lists on another page that i want to have a different height (as there is more content in the cells)

    Can you help me with the CSS for this (I am presuming i will have to give each Icon list a different ID)?

    Thanks

    February 23, 2021 at 9:00 pm #1283236
    Victoria

    Hey gregcarrollLMG,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    February 23, 2021 at 9:01 pm #1283238
    gregcarrollLMG

    Hi see details below

    February 23, 2021 at 9:09 pm #1283245
    Victoria

    Hi gregcarrollLMG,

    Please specify which icon lists need to be adjusted and how?

    Best regards,
    Victoria

    February 23, 2021 at 9:13 pm #1283247
    gregcarrollLMG

    Hello

    Each cell in icon list on the Overview page (home page) needs to be same size so that the icons and text align

    The icon lists on the Live, Work, Play pages the same (they will probable smaller cell heights though given there is less information in each cell

    Regards

    Greg

    February 26, 2021 at 9:28 pm #1284008
    Victoria

    Hi Greg,

    The icons are the same and the texts do not seem to be aligned because the amount of text is not the same.

    Best regards,
    Victoria

    February 26, 2021 at 9:33 pm #1284010
    gregcarrollLMG

    Hi

    please see screen shot and middle comment. you can see that Community is not aligned.

    Maybe a better question is to ask how to top align the header of each icon list “cell”

    thanks

    February 27, 2021 at 6:10 pm #1284138
    Victoria

    Hi gregcarrollLMG,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.entry-content-wrapper .avia-icon-list-container li {
    min-height: 118px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 27, 2021 at 10:07 pm #1284173
    gregcarrollLMG

    Hi the overview page is out of sync

    What is the CSS for that assuming give the table ID of “Overview_icon_list”

    February 28, 2021 at 4:36 pm #1284253
    Victoria

    Hi gregcarrollLMG,

    Not sure I understand what you mean by this — the overview page is out of sync.

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    February 28, 2021 at 5:33 pm #1284272
    gregcarrollLMG

    Hi “THE EVENTS CALENDAR” is not in line with “IOS and ANDROID” and “THE MARKETPLACE”

    https://www.dropbox.com/s/u43yay6cuq8vw4q/Screenshot%202021-02-28%20at%2015.31.20.png?dl=0

    March 1, 2021 at 5:25 pm #1284486
    Victoria

    Hi gregcarrollLMG,

    Thank you.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.home .avia-icon-list-container .iconlist_content {
  min-height: 82px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 1, 2021 at 5:28 pm #1284494
    gregcarrollLMG

    Hi yes that worked, i had to put it in the main CSS rather then quick CSS in Enfold menu

    thanks

    March 1, 2021 at 5:29 pm #1284496
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Icon list’ is closed to new replies.