Canvas Support

Pagination

8 replies · opened Aug 8, 2018

SscottishmoviesAug 8, 2018

Hi,
Can you tell me how to change the size and position of the page identifiers in jpagination?
I see you can change the styles & size in portfolio-pagination.html but can the same changes be applied to portfolio-jpagination.html?
I would also like to have the pagination at the top of the page if possible?

Thank you.

SscottishmoviesAug 9, 2018

Also, I have items on a page which only has 4 slides within each article. On page 1 they show up as 4 slides in a row but on page 2 and subsequent pages they are in a column! How do I correct this so that all pages are in rows? As the galleries are in a sub-folder, I am struggling to point to the the correct color.css file ( I think?) Can you advise on that as well?

www.snaphappymedia.com/test/galleries/010118/portfolio.html

I must admit the more I work with Canvas the more I like it - so many very neat ideas ;)
thank you.

SSemicolon WebSTAFFAug 9, 2018

Hello,

Thanks for your Patience! We are looking into your Support Request and provide you with a reply shortly.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFAug 16, 2018

Hello,

Thanks for your Patience!

You can definitely change the Size of the Pagination according to the Documentation provided on the Bootstrap Website: http://getbootstrap.com/docs/4.1/components/pagination/#sizing .

Here is an Example Template: https://www.dropbox.com/s/vh21tu17j6it1ei/portfolio-jpagination-top.html?dl=1 .

Additionally, can you please provide us with a Valid Live URL of the Portfolio Column Issue so that we can check this again and provided you with a proper solution. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFAug 21, 2018

Hello,

Consider finding the following code on the Page: 

var t=setTimeout(function(){ $( '.flexslider .slide' ).resize(); },1000);

and replace it with: 

var t=setTimeout(function(){
	$( '.flexslider .slide' ).resize();
	$('.grid-container').isotope('layout');
},1000);

This should fix the issue. Hope this Helps!

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

SscottishmoviesAug 25, 2018

I tried your solution but that didn't help at all. It only seems to happen on pages after Page 1. I have changed the number of images to 8 but it still happens on page2. The code just stacks the images in a vertical style rather than horizontal.

http://healthwiseinfo.co.uk/test/galleries/010118/portfolio.html

SscottishmoviesAug 30, 2018

any update on this?

SSemicolon WebSTAFFSep 6, 2018

Hello,

Thanks for your Valuable Patience!

We have tested your codes multiple times over the past few days, including testing our Live Previews multiple times, however everything appears to be working fine with the Portfolio Codes. We have also setup a Demo: http://themes.semicolonweb.com/html/canvas/portfolio-jpagination-scottishmovies.html for you to check which shows that there is no issue with the Portfolio jQuery Pagination functionality. And this leads us to believe that there might be some issue with another Customization that you might have made on your Website which is causing a conflict and causing the issue. It is recommended for you to once check all the Customizations you have made thoroughly so that the exact issue can be spotted and fixed.

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