-
Posts
-
Hello!
in this page of my website page , at the bottom of the page, I have created 6 icon boxes inside half columns that I want to be repeated in other portfolio pages, possibly with the above title as well. I cannot find a way to put them all together in one container that I can save as a model. If I use a color grid, like I have here, it all gets full width and cuts the side bar to the right, which is not what I want, but I cannot put half columns into the 1 column container. Is there a way to solve this?
I add credentials in case you need to enter backend.
Thank you very much
ElenaHey Elena,
Thanks for the login, I created a single full-width column with the custom class six-icons and the 6 icon boxes inside, each icon box either has the custom class icon-right or icon-left and I added this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field.six-icons .icon-left { width: 48%; display: inline-block; } .six-icons .icon-right { width: 48%; float: right; display: inline-block; }This block of icons will stay in the portfolio content and not overlap the sidebar, and you will be able to add it to the builder Templates to add it to other pages.
Please check if this is what you had in mind.Best regards,
MikeHello Mike,
that looks great! It’s a quite a trick :)
I wish I knew more about creating custom css.
Thank you very much. This is all for now.
Have a nice day,
ElenaHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘How to place multiple icon boxes in a single container in order to save a model’ is closed to new replies.