Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #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
    Ash

    #1191942

    Hey ashrigby,

    Could you please attach some screenshots of the issue?

    I am not getting any additional paddings.

    Best regards,
    Victoria

    #1192064
    #1192233

    Hi 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,
    Victoria

    #1192818

    Hi 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
    Ash

    #1192964

    Hi 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,
    Victoria

    #1193705

    Yes sure

    #1194846

    Hi ashrigby,

    I adjusted the page and added css for you. Please check.

    Best regards,
    Victoria

    #1194983

    Hi 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
    Ash

    #1196401

    Hi 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,
    Victoria

    #1227607

    Hi 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

    Instructions

    Reference

    • This reply was modified 3 years, 9 months ago by ashrigby.
    #1227908

    Hi,

    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,
    Rikard

    #1227966

    Hi

    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

    #1229154

    Hi,

    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,
    Ismael

    #1229259

    Hi 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.

    Instructions

    Reference

    Many thanks
    Ash

    #1229587

    Hi,

    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.

    Spacing issue

    #1229859

    Hi,

    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

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