-
Posts
-
Hi there,
this is probably really obvious but I can’t find it. I want to configure my portfolio grid so that it displays like on this page:
And also – when then is working, i would like to add spaces between the pictures.
Please advise. thanks so much.
Best
PeteHi,
Enable the Avia Layout Builder Debugger and add the code to the debugger and save:[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/business-office-work-blurred.jpg' attachment='885' attachment_size='full' attach='scroll' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-35gtt'] [av_heading heading='Masonry Portfolio Example:<br/>4 Column Masonry Grid' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-qj14h'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-mx0kh'] [av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-5ee9'] <p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff. This can be used to describe what you do, how you do it, & who you do it for.</p> [/av_textblock] [/av_section] [av_masonry_entries link='portfolio_entries' term_rel='' wc_prod_visible='' wc_prod_hidden='hide' wc_prod_featured='' prod_order_by='' prod_order='' date_filter='' date_filter_start='' date_filter_end='' date_filter_format='yy/mm/dd' period_filter_unit_1='1' period_filter_unit_2='year' page_element_filter='' sort='yes-tax' query_orderby='date' query_order='DESC' caption_elements='title' caption_styling='overlay' caption_display='on-hover' img_copyright='' size='fixed manually' orientation='' image_size='masonry' gap='large' columns='4' av-desktop-columns='' av-medium-columns='' av-small-columns='' av-mini-columns='' items='9' paginate='load_more' color='' custom_bg='' img_copyright_font='' av-desktop-font-img_copyright_font='' av-medium-font-img_copyright_font='' av-small-font-img_copyright_font='' av-mini-font-img_copyright_font='' img_copyright_color='' img_copyright_bg='' animation='active' animation_duration='' animation_custom_bg_color='' animation_custom_bg_color_multi_list='' animation_z_index_curtain='100' overlay_fx='active' img_scrset='' lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-83rt5' sc_version='1.0']once the elements show after the page reloads open the masonry element and select the Portfolio Entries that you want to show.
Best regards,
MikeHi,
This is the sorting option in the masonry element,
there are only three options
adjust to suit, shall we close this thread then?Best regards,
Mikethank you Mike, I have played around with that a little. Now the next issue.
When you look at the url you will notice, that the layout jumps when you toggle between All or the other options in the menu. Its shifts shlightly to the left. I mean the whole layout, including the logo at the top. What might be the reason? Can you send something to fix it please?
Best
PeteHi Mike, also – is there a way that I don’t have a go to a new page when I click on the items on the home page? At the moment they open to a portfolio page and then the little menu at the top for all/ Corporate/illustration etc disappears which is confusing.
so either:
1. is there a way to keep the little menu at all times?
2. or – is there a way to open to a lightbox immediately when clicking on a portfiolio entry on the home page? so no detour va an extra page?Best
PeteHi,
Thank you for the link to your site, for your first post, I don’t see that the page “jumps” when the element is clicked
as for your second post, this is not possible, when you are on the first page you are seeing a element, on the second page you are seeing the post.Best regards,
MikeHi Mike,
funny that you can’t see it. I am using Chrome on a mac, both the latest versions and it jumps. Please see screen recording. here: https://we.tl/t-xudyUMTb9sAlso – looking forward to your answer to the second Question.
Best
PeteHi,
To open the image directly, go to your portfolio item ad use the Overwrite Portfolio Link setting option and add the image link
Best regards,
MikeHi,
The /masonry-portfolio-example-4-column-masonry-grid/ demo page that we posted for you uses a masonry element to show portfolio items, so the screenshot above is for one of those portfolio items, below the content, here is a full page screenshot of a portfolio item:
Best regards,
MikeOk thanks, but I don’t want to display a single image but a lightbox with a number of images, like in this example.
how do I do that? Sorry if this is obvious, I am still learning. Thank you for your patience.
Hi,
In that case do not use the Overwrite Portfolio Link setting option above, but use the Portfolio Gallery element instead and set the Link Handling option to Display the big image in a lightbox
Best regards,
MikeSorry if this was still not clear. I dont just want to dispaly a single imgae in the lightbox but a whole slideshow. like in this example. https://oshinewptheme.com/v17/
Can enfold do this or do I have to change to Oshine?
Hi,
Yes, with the Masonry Gallery element with the Perfect Automatic Masonry option so very wide images get twice the width and very high images get twice the height:
Then Lightbox linking active so the images will open in a lightbox gallery:
then you will see:
and the lightbox will so all of the images:
Best regards,
Mike
- You must be logged in to reply to this topic.