Jump to content


Photo
Image Grid

Multiple Image grids on one page

image grid

Best Answer ahansson89 , 13 May 2013 - 12:02 AM

Yea I see what the problem is.

I will try to fix it within the next couple of days.

The "?" is just some LESS that you can change by putting this in your custom LESS field:



.ig-images-container {
   .ig-image-container {
      figure {
         &:before {
            content: "?"; <--- CHANGE THIS
         }
      }
   }
}

 


//Aleks

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 12 May 2013 - 02:25 AM

I would like to know if it is possible to split the image grid so that I can have multiple image grids but with different images on the same page. I cloned the image grid for my template so that there are three but I don't know how to use the shortcode method to place them on the page.

 

See attached.

Attached Files



#2 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 12 May 2013 - 09:52 AM

Nope, you wont be able to do that unfortunately.

It makes a query on all attached images in the post and outputs that with the shortcode.

//Aleks



#3 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 12 May 2013 - 05:44 PM

HI I was able to do a work-around. Instead of the shortcode method, I am using the id's in the section settings and just spacing the image grid between content boxes. The only thing to getting this to work properly is that selecting the image is not working properly on the 2nd and third image grid galleries. When I select one of the images on the 2nd image grid an image from the first grid pops up and not the second one. Anyway to resolve this?

You can view on http://dev.create180...do-logo-design/

enter the passcode: "helize" to view the page.

 

Also, on another note, is there a way to replace the "?" with another icon. The "?" gives the impression that something is missing or wrong.

 

I do love this Imag grid section and would like to be able to use it the way above.

 

Thanks!



#4 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 13 May 2013 - 12:02 AM   Best Answer

Yea I see what the problem is.

I will try to fix it within the next couple of days.

The "?" is just some LESS that you can change by putting this in your custom LESS field:



.ig-images-container {
   .ig-image-container {
      figure {
         &:before {
            content: "?"; <--- CHANGE THIS
         }
      }
   }
}

 


//Aleks







Also tagged with one or more of these keywords: Image Grid, image grid