Hello!
URL: http://themes.semicolonweb.com/html/canvas/portfolio-mixed-masonry.html
As you can see, in this theme there are images sizes: 1/2 and 1/4, how to put image size 1/1? Which class do I need to use.
As I found if I use class "wide", then image will be 1/2, e.g.:<article class="portfolio-item wide">
If I don't use wide class, then image will be 1/4<article class="portfolio-item">
Which classes I can use for other ratios?
Thanks!
Hello,
Unfortunately, this is currently not supported by default and is not recommended due to the current functionality and structure of the Portfolio Grid. But if you must use it, consider find the following code inside the js/functions.js File:
if( deviceSmallest == 0 && $(this).hasClass('wide') ) { var elementSize = ( postWidth*2 ); } else { var elementSize = postWidth; }
and add the following line after the above line:
if( deviceSmallest == 0 && $(this).hasClass('ultra-wide') ) { var elementSize = ( postWidth*4 ); } else { var elementSize = postWidth; }
and then in the HTML Code, make sure that you add both .wide and .ultra-wide Classes to the .portfolio-item Element.
This should 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