Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #487429

    I would like to create a page similar to this one with the sort-filter-view cability (i.e., interactive buttons along left side). The page uses Isotope, but I believe Enfold’s Portfolio is already using it.

    How would you go about creating something similar in Enfold?



    Hi stanbrid!

    You can use side tabs. Example here – :)

    Best regards,


    How would you add an Iconbox to the tab content? The “Insert Shortcode Elements” on the toolbar is limited to five shortcodes. Iconbox is not one of them?



    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder –

    Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.



    Hi Yigit,
    I’m reopening this topic as I have expanded the question. I’ve created a set of horizontal tabs that work fine. See here:

    Now I’d like to add more tabs along the left side, vertically. So, there would be the row of 9 “buttons”(i.e., tabs) across the top that displays their respective content, as well as the 3 “buttons” along the left with each of their respective content. Clicking on each one displays a different set of icons.

    How would you suggest doing this? I though of using a sidebar for the 3 verticals, but I’d like to keep everything in the same container without new page loads. I’m not wedded to using tabs either. A plugin or different element is fine.

    I’ve attempted to show the desired layout here:

    | Business Features | Call Management | Conference+Collaboration | Support+ Security | ….







    This is actually possible but it will require a few modifications. For example, if you want to move the “Call Center” tab title to the left side of the tab content container, add this css code:

    .tabcontainer {
        overflow: visible;
    .tab.tab_counter_8 {
        position: absolute;
        left: -90px;
        top: 30px;
        z-index: 1000;

    You can contact our partner, codeable, if you need more assistance:



    Thanks for the reply. Add this to the custom css and it didn’t change anything. Tab positions are same as before.



    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.



    I just sent the login via Private Content. Please confirm receipt.


    Now, new tabs are just magically duplicating when working in the Advanced Layout Editor.


    Update: Success! Discovered that cache plugin settings were causing a delay in the child style updates. So, Ismaels code was working, after all. Thanks!



    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.


Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Recreate Isotope sort & filter effect’ is closed to new replies.