Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 5, 2021 at 2:49 pm #1278033
    gregcarrollLMG

    Hi can I increase the number of columns with CSS in the Icon Grid to more than 5?

    February 5, 2021 at 3:41 pm #1278054
    Yigit

    Hi,

    Thanks for contacting us!

    Please edit your Icon Grid element and choose to display 5 columns, then go to Advanced > Developer Settings tab and give your element an ID attribute (“custom-col” in example below) and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

    #custom-col .avia-icongrid-numrow-5 li {
    width: 12.5%;
}

    This would increase the column count to 8. Please adjust the value as needed.

    Cheers!
    Yigit

    • This reply was modified 3 years, 9 months ago by Yigit.
    February 5, 2021 at 5:08 pm #1278085
    gregcarrollLMG

    Hi I want to have more columns though say 6 columns

    Where would I tell it that I wanted 6 columns?

    February 5, 2021 at 6:55 pm #1278124
    Yigit

    Hi,

    You can simply change the code to following one for 6 columns :)

    #custom-col .avia-icongrid-numrow-5 li {
    width: 16.6%;
}

    Best regards,
    Yigit

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