Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1328015

    Hey,

    I have to do a quote for a client and I need a grid for pictures with 8 columns and 8 rows. Each image is to be linked to a page where the image is displayed large and a description of the image is included.

    My idea now was to either use the blog function or the portfolio grid. But I need more than 6 columns. Can I also create 8 columns in the portfolio grid or the blog grid?

    Otherwise, I can just use an image grid, but that would be more cumbersome because I would then have to link each image individually. With the other two options, I would only need to create the individual pages.

    Thanks in advance for the information and best regards

    Sabine

    #1328135

    Hey Sabine,
    Sorry, there is not an easy way to change the elements to an 8 grid layout, it would require a lot of element modification. Perhaps you can point out to your client that an 8 grid layout would make each element quite small and hard to see on most devices.
    The most used devices are 1366px ▸ 1920px, hopefully this helps.

    Best regards,
    Mike

    #1328206

    Thank you Mike,

    I am aware that the pictures are getting small. But it is only an overview of a system with 8 columns and 8 rows – that is, 64 I-Ging cards. The information would then appear on the page that you reach by clicking on the picture.

    I would then use the picture grid. If you have another idea, feel free to write to me.

    Many thanks
    Sabine

    #1328222

    but the Media Gallery has the possibility to accept up to 12 columns.
    So put in your 64 Images with link and choose 8 columns with gallery style: small thumbnail

    Edit: sorry i didn’t read on from Otherwise …
    i’m looking now for a portfolio solution

    #1328226

    you can increase the Column Count number there at the drop-down by making appropriate changes in the portfolio.php.

    you can download the whole portfolio.php from pastebin:
    ( this is on basis of enfold 4.8.7.1)
    look: https://pastebin.com/v1s9sdQb
    download: https://pastebin.com/dl/v1s9sdQb

    This new portfolio.php you can upload via ftp to a folder named shortcodes in your child-theme folder:
    child-theme/shortcodes
    To load those edited child-theme alb elements ( see docu ) – you had to place that snippet in your child-theme functions.php:

    function avia_include_shortcode_template($paths){
      $template_url = get_stylesheet_directory();
          array_unshift($paths, $template_url.'/shortcodes/');
      return $paths;
    }
    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);

    after that in the dom the portfolio will have that extra class : grid-col-8 ( in your case )
    now you only have to put this to your quick css ( or something similar ):

    .grid-col-8 .grid-entry {
      width: calc(12.5% - 8.75px) !important;
      padding: 0;
      margin: 0 10px 10px 0 !important;
    }
    
    .grid-col-8 .grid-entry:nth-child(8n) {
      margin-right: 0 !important;
    }

    ps: 8.75px because 8cols will have 7 spaces between with a setting of 10px it is 70px total space 70px/8 = 8.75px

    #1328227

    maybe you consider Mike’s warning and leave this 8col layout only for wide screens

    @media only screen and (min-width: 990px){
    	.grid-col-8 .grid-entry {
    	  width: calc(12.5% - 8.75px) !important;
    	  padding: 0;
    	  margin: 0 10px 10px 0 !important;
    	}
    
    	.grid-col-8 .grid-entry:nth-child(8n) {
    	  margin-right: 0 !important;
    	}
    }
    #1328228

    Hi,
    I believe that Guenni007’s idea of using the basic WordPress gallery is probably your best bet, you can choose 8 columns and if you add the plugin Gallery Custom Links you can customize each link to any page or post you wish, the plugin adds a link field to the gallery option:
    2021-11-08_001.jpg
    in my test the plugin seems to work with Enfold fine
    2021-11-08_002.jpg

    Best regards,
    Mike

    #1328230

    hey Mike

    Otherwise, I can just use an image grid, but that would be more cumbersome because I would then have to link each image individually. With the other two options, I would only need to create the individual pages.

    I guess the above solution will satisfy her
    see example-page: https://webers-testseite.de/sabine/

    #1328234

    Wow Guenni,

    thank you for this Input. I will try this – may not be until March next year – but now I have a few options.

    It’s great – thanks.

    Kind regards, Sabine

    #1328242

    Now that’s what I call: looking for solutions at an early stage!

    #1328280

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    #1328318

    Thank you :)

    #1328341

    Hi,
    Thanks for helping @Guenni007, @TakiwaSoulArt glad this will help your project plans, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘More columns in the portfolio or in the blog overview’ is closed to new replies.