Canvas Support

resize article elements to show images correctly

4 replies · opened Jul 7, 2017

RroozgarJul 7, 2017

hello
i used "portfolio-3.html" page for show a list of some profiles

you can see live here :
http://bazmyne.ir/provider.php

as you see there are some vertical and some horizontal images
there isnt any problem is a slider come with just vertical images or just horizontal images
but
the problem occurred when images slider randomly mixed between horizontal and vertical images

if first image is vertical and other is horizontal then there is a blank space under images
and
if first image is horizontal and other images are vertical then the images go on each other and mix rows
(you should refresh page some times because the images will show randomly...)

is there any way to resolve this problem ?
maybe the height of article tag must set a float value!

RroozgarJul 7, 2017

the attached image show a better view of the problem

the left article have overlap with the box under it

RroozgarJul 14, 2017

there isnt any answer for me ?

SSemicolon WebSTAFFJul 16, 2017

Hello,

We Really Apologize about the Delays and Thank You so much for your Patience!

Please find the following Code in the js/functions.js JS File: 

after: function(){
	if( $('.grid-container').hasClass('portfolio-full') ) {
		$('.grid-container.portfolio-full').isotope('layout');
		SEMICOLON.portfolio.portfolioDescMargin();
	}
}

and replace it with:

after: function(){
	if( $('.grid-container').hasClass('portfolio-full') ) {
		$('.grid-container.portfolio-full').isotope('layout');
		SEMICOLON.portfolio.portfolioDescMargin();
	}
	$('.grid-container').isotope('layout');
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard