-
Posts
-
Hey,
Can someone send me a step by step tutorial with the exact elements I need to use to achieve this ajax 4 column portfolio? The link to the example is below.
Hey agameseo,
This link should help you: http://kriesi.at/documentation/enfold/create-new-portfolio-item/
Best regards,
John TorvikHey thanks, but I already looked at that and it does not help me. I need a step by step with exactly which elements to use because what I got out of that link already didnt get me to the same results Im trying to achieve.
Hi,
To create a 4 column portfolio masonry grid
1. Select 4 Columns in the masonry element settings.
2. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-masonry { background-color: #000000; max-width: 1200px; left: 50%; transform: translateX(-50%); position:relative; }If yous till have any issue please get back to us with a link to your site where we can inspect the element in question in order to help you better.
Best regards,
VinayOkay so I have my portfolio grid item set up, but in this category, my images are very long. What I want to achieve is when you click on the image and the lightbox opens up, I want that lightbox image to be very large and where you can scroll down to see the whole image.
Can someone assist me on how to achieve this, please?
Hi,
Can you try to edit this file enfold/js/avia.js and find this line of code:
av_popup = {few lines below it find this line of code:
image: {and finally below it add this code:
verticalFit: false,Let us know if this helps :)
Best regards,
NikkoHi Nikko,
Thank you for helping.
We now have the ability to scroll within the lightbox but, the image is still appearing the same size rather that it’s full size.
I created a portfolio entry for the image and set it to full size and inserted that entry into the portfolio gallery, but again, when you click on the image it is still loading the same size as in the image I posted, just we now have the ability to scroll.Do you have any insights on what to do next?
Hi,
Can you please try adding following code to Functions.php file in Appearance > Editor
add_filter( 'avf_avia_builder_masonry_lightbox_img_size', 'enfold_customization_change_popup_size' ); function enfold_customization_change_popup_size( $size ) { return 'fullsize'; }Best regards,
YigitHi Yigit,
Thank you for helping.
I tried adding the code you sent in the functions.php and it didn’t change anything. I am using the portfolio grid and the masonry gallery in my tabs. The items in the portfolio grid is the one that still isn’t showing full size in the lightbox.
Do you have any other suggestions for me?
Hi,
May you provide us your WP credentials? This way we can check somethings.
Best regards,
John TorvikHi,
Thanks for providing the ftp, I noticed you used a child theme and the avia.js you modified was the one in the child theme, the problem however is it isn’t called that’s why there were no changes, I have added this code in functions.php so it fetches avia.js from child theme instead of the parent theme:
function change_aviajs() { wp_dequeue_script( 'avia-default' ); wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true ); } add_action( 'wp_enqueue_scripts', 'change_aviajs', 100 );Try to check it. I have screenshot of the difference in Private Content. Hope this helps. :)
Best regards,
Nikko
- You must be logged in to reply to this topic.