-
AuthorPosts
-
March 9, 2020 at 6:01 am #1191375
Hi when I first open my projects (portfolio landing page) there is some weird padding between each portfolio item.
Once I choose a filter category it corrects itself and displays like its suppose to.Could you please help me fix this asap, I’m suppose to be giving my client his first look this week.
Many thanks
AshMarch 10, 2020 at 5:49 pm #1191942Hey ashrigby,
Could you please attach some screenshots of the issue?
I am not getting any additional paddings.
Best regards,
VictoriaMarch 10, 2020 at 11:34 pm #1192064March 11, 2020 at 12:37 pm #1192233Hi ashrigby,
Thank you. Please ensure your Enfold Theme Options > Performance > JS & CSS file merging and compression is turned off along with any caching plugins and see if the issue persists.
Best regards,
VictoriaMarch 13, 2020 at 4:04 am #1192818Hi Victoria, I went ahead and turned off JS & CSS file merging and compression and disable W3 cache plugin but the problem still persists.
I have also played with feature image sizes to see if that is the issue and that is no help.Regards
AshMarch 13, 2020 at 8:12 pm #1192964Hi ashrigby,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaMarch 17, 2020 at 2:12 am #1193705Yes sure
March 20, 2020 at 5:59 pm #1194846Hi ashrigby,
I adjusted the page and added css for you. Please check.
Best regards,
VictoriaMarch 21, 2020 at 3:27 am #1194983Hi Victoria
Thanks for your help.. The page layout seems to have changed though, could you please edit the #av-sc-portfolio-1 container so it’s no longer full width, left and right margins/padding should be the same as the container with plain text in it above, as to be inline with the rest of the website.
Many thanks
AshMarch 24, 2020 at 3:00 pm #1196401Hi Ash,
I added the css for you even before but there was a space brace in your Quick css field and so the code did not work.
Please check now?
Best regards,
VictoriaJuly 3, 2020 at 2:44 am #1227607Hi Victoria
Sorry for the delayed response, due to covid my client had put this project on hold.
I am now in the stage of finalising the design for my client and finishing the website.
I am still seeing the issues I mentioned above… (The page layout seems to have changed though, could you please edit the #av-sc-portfolio-1 container so it’s no longer full width, left and right margins/padding should be the same as the container with plain text in it above, as to be inline with the rest of the website.)
Please see attached screenshots for more clarification on what needs to be fixed.
Many thanks
Ash- This reply was modified 3 years, 9 months ago by ashrigby.
July 4, 2020 at 1:11 pm #1227908Hi,
Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 768px) { .av-portfolio-grid-sorting-container { padding: 0 42px; } }
Best regards,
RikardJuly 5, 2020 at 2:46 am #1227966Hi
You will find login details above to the website.
Please fix this issue as Veronica was suppose to but it looks like she has just made things worse.Use the screenshots as a reference.
Many thanks Ash
July 9, 2020 at 1:46 pm #1229154Hi,
We added this css code in the Quick CSS field to increase the width of the portfolio container and align them with the category sort.
#top .isotope-item.special_av_fullwidth .inner-entry { width: 100%; }
Screenshot: https://imgur.com/aKA3IlA
To fix the spacing issue, try to use this script in the functions.php file:
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize(){ ?> <script> (function($){ var int = window.setInterval(function(){ $(window).trigger('resize'); }, 1000); $(window).load(function () { setTimeout(function() { clearInterval(int); }, 1000); }); })(jQuery); </script> <?php }
Thank you for your patience.
Best regards,
IsmaelJuly 10, 2020 at 2:16 am #1229259Hi Ismael
Thanks for your help.
I have added the script to my functions.php, it seems to have fixed the spacing between the first two projects but have the same spacing issue for projects after that.
Also the width and size of the projects is still too wide.
Please see attached screenshots below from previous post.
The width needs to be the same as the header, see the reference photo (second screenshot) from the residential projects page.
Use this as a guide for the width and size the projects need to be on the (Public & Commercial) section.Many thanks
AshJuly 11, 2020 at 1:02 pm #1229587Hi,
I have fixed the width and sizing issue myself.
Can you please correct the original problem of spacing between projects (see screenshot).
I added the script that Ismael suggested to my functions.php but it has not fixed the problem.
Please actually correct the problem as all of your suggestions dont seem to be working, you may have to log in and keep trying until the bug is fixed.July 13, 2020 at 7:29 am #1229859Hi,
Thank you for the update.
We get the spacing issue randomly and we also noticed that the page lags or it is quite slow to load. Maybe because there are a lot of huge images in it. To fix the issue, we increase the duration of the script and force the window to resize to reposition the grid items while the page or the images are loading.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.