Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #685339

    I want to replicate almost the exact same element that is in enfold demo (img url below). I would like to have a sidebar running down the left hand side with separate entries for pictures (see below)

    Picture: (inside the red area)


    Hey brettb112!

    That is tabs elements. You can see examples here –



    thanks yegit, when uploading the images into the tabs, is there any way to make them larger when clicking on them?

    For example, when I upload multiple images under the first tab, I would like to click on an image in the tab that opens up the selected image to a bigger size.

    If you need better clarification let me know.




    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.

    If that is not what you meant, yes, please elaborate :)

    Best regards,


    Ok, yeah im a little confused.

    I would like my page to look like this:

    View post on

    I want images where the red boxes are, and I want the option of clicking on the image to make it larger if someone wants to see a bigger version of the picture.

    Any help would be appreciated, thnks Yigit :)



    Like Yigit mentioned

    1. Enable debug mode.
    2. Create a gallery on an empty page.
    3. Copy the page shortcode.
    4. Paste the shortcode in the tab.

    Let us know if you have any questions.

    Best regards,


    ok, I tried the copy and paste short code technique and it works very well.

    The only thing I need to fix is the fact that there are only 3 options for size: “small thumbnails”, “big image with thumbnail below”, and “big images only”.

    I clicked on the small thumbnail option (as it suits it the best), but they are still a little small. Is there a way to make thumbnails a bit bigger, and possibly shorten the spacing between thumbnails also.

    thanks vinay



    Sure we are happy to help you with this. I checked all the main pages of your site but could not see the tab with icons anywhere Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,


    hello Vinay,

    just added a couple of temporary pictures here. Ill be removing them and replacing them with others in the next couple days.

    But i would just like to know how I would go about making the picture thumbnails slightly larger..




    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (min-width: 1024px) {
    .tab_inner_content .avia-gallery-thumb a {
        width: 25%!important;

    Best regards,

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