Images qusstion (look book, front page)

[dm13]

hi guys. i found this cool look book on a site and want mine to be similar, they have three images across, i’d be happy with 3 across or even 2 across.. this is viewed on mobile btw. Mine currently shows single images stacked on top of each other. Sizing the images smaller wont help. i want the row to show more across rather than stacking them.

this also relates to the front page. i want to add a swift element of images of my choosing that i can directly link to the product page, or to a blog entry etc.. (havent decided where yet) but basically want to do the same – have the images show up in a row of 2 and a grid of 4 or 6 .. and cant find a Swift element to do this with – is there one? is there a way to make one do it? Thanks.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

You’ll have to see if you can contact them to see what they’re are using, that’s nothing from the theme so it must be a plugin

– Kyle

[dm13]

hi Kyle, David, Rui .. so basically there is no way to have 2 or more images show up in one row on mobile? no grid element i dont know about or ?? hmm.. that kinda bites. Don’t always want every image or row to be a single image on the screen — means more scrolling for anyone on our site which could mean less sales and more click aways.. maybe this is something to think about as an idea for an update.

or… what if i used a text element and added the images to that in html code, and used ‘width=” and then created the size i want and test it on mobile.. wonder if that would give me two or three images across the mobile screen instead of pushing them into a column?

[Kyle – SUPPORT]

You could add a gallery asset to the page and I could provide you with some custom css to show 2 columns on mobile

– Kyle

[dm13]

Kyle that would be fabulous. I def would like to have my look book images 2 or even 3 columns wide on mobile. Thanks! So basically i will just go add a gallery element there tonight and wait for the code? Done 🙂

[Rui Guerreiro – SUPPORT]

What is the page url where you add it? Can’t see it in the homepage.
Thanks

-Rui

[dm13]

Rui its in the look book HERE

i want it to have 3 across on mobile as well as on laptop if possible.. and not sure why the images have the red overlay on them.i’d prefer to not have that. THIS is what i would love for it to look like

[Kyle – SUPPORT]

Try add this to your custom css:

@media only screen and (max-width: 479px) { 
.gallery-columns-3 .gallery-item {
  width: 33%!important;
  margin-bottom: 3px;
}
}

– Kyle

[dm13]

Kyle this is fabulous it works! my Lookbook has 3 images across the row on mobile! will this work if i change my home page settings to gallery at some point? havent decided yet on what i’m doing there but just curious. thanks.

[dm13]

hey Kyle, have a look here: http://nightmaircreations.com/?galleries=look-book

scroll down and you will see they’re all in order until abut the middle and then one of them jumps to the right out of line. i’ve tried changing the order of the images and it doesnt matter which image i put there, it does that. scroll further down and it does it again. any ideas? thanks.

[Kyle – SUPPORT]

Hi

It’s because this product image is bigger than the others: http://d.pr/i/12e4X/5pCHeWEX and you can see it drops lower than the others

– Kyle

[dm13]

got it thanks! thought using the edit function in wordpress was resizing the image but it was still using the original size. had to delete and edit in picasa then upload. works great thanks.

[Kyle – SUPPORT]

No problem