Billy1996

Hi sorry to double up on replies but with the text overlay CSS I have added, the links no longer click through on the mobile version, could you please advise on this? Thanks again!

Thanks Tuanphan, I have made a gallery below on the homepage, replicating the 'team' which does achieve the two columns in mobile. Would you be able to advise code on how I could replicate the two lines and differing font of the team images above? I have added <span> to the image descriptions but would ideally like to have the two lines of different colours and fonts.

Hi Tuanphan, I have now added more team members and as a result the code no longer reflects the layout. Could you please advise new code for both the 'team' tab and the homepage so that all team members are in two columns? (password: MP123) Thanks so much

Hey Tuanphan, Have sent you a message adding you as contributor and have left the code in to show the issue. Let me know if you need anything else 🙂 Thanks again

Hey Tuanphan, Have done that but it is still off. The captions are still cropped out of certain images and image size (some have change the original scale and some are really small) is now a bit all over the place.

Hey Tuanphan, Thanks for that. The captions are now too high and cropped out of the picture frame and it hasn't seemed to work properly for the 'team' on the homepage? If it is too much don't worry I can revert back to how it was but would be good to have it all cleaned up 🙂 Thanks again!

Amazing thanks so much for your help. Finally would you be able to do the same thing for the homepage, so that the productions and team are in two columns as well? Really appreciate it!

Hey Tuanphan, Great thanks for that. It has fixed the portrait images but the square ones are still in a single column below them. Is there any way of fixing this? Thanks again for your help!

Amazing Tuanphan thank you so much. I think due to the difference in image sizing its made the mobile version slightly uneven now. Ideally I would have the formation so that it has two on every line. The bottom 4 images are all even sizes so that should be easier but if you were able to recommend code that ensures there are two images on each line that would be great! Thanks, Billy

Business plan 🙂

Apologies its MP123

Site URL: https://www.monumentalpictures.co.uk/team Hi there, I am looking to have two columns on the mobile version for the attached URL. Please advise 🙂

Spoke a bit too soon.... That code has however meant that when going on the work homepage (in mobile only) it cuts off several of the first projects. This screenshot is as high up as i can scroll. Any idea why that might be?

Amazing you are the best Tuanphan! I have also noticed that the images at the bottom of the tara mata page have the same issue? is there a way of applying css so that every image that goes portrait in mobile mode stays landscape? Thanks again for your help!

Hi Tuanphan. It is the first image on https://giraffe-fife-xnsh.squarespace.com/work/tara-mata Each page within the work portfolio has the same opening image format so i was wondering if there was css to apply generically so that all the images resize to the normal landscape for mobile, or whether code has to be applied for each individual section block? Thanks again for your help i really appreciate it!

Site URL: https://giraffe-fife-xnsh.squarespace.com/work Hi there, On the 'work' tab of my page every project has an opening image to it. On the desktop version they are indented but basically full width. When changed to mobile version the image becomes cropped and portrait. Does anyone have advice on css to get the image to appear full width on mobile? Suggested css hasn't applied to my site before so would love some expert assistance! Cheers,

That is perfect thank you so much Tuanphan!!! For some reason the text overlay wont appear on mobile version (the hover being a sort of fake click) do you have any advice on how to overcome that/if it is possible to have text below just for the mobile version? Thanks again!

Site URL: https://giraffe-fife-xnsh.squarespace.com/work Hi, I have tried all suggested code to apply two columns to a portfolio for mobile version but none of them seem to work. I was wondering if other code may be preventing it from working but would love some guidance! Thanks, Billy

Hi @bangkank36, i am having the same issue for https://giraffe-fife-xnsh.squarespace.com/ The code doesn't seem to change anything is there a chance that other code could be overriding and preventing it from working? Thanks

Hey Bangkank, It works but very inconsistently? Sometimes i will open the page and it will skip the transition or only work for some of the photos. Is there a chance other code might be off setting it or do you think its fine? Cheers,

Site URL: https://giraffe-fife-xnsh.squarespace.com/ Hi there, I had initially applied this code to slow the slideshow transition speed. It was working fine but recently no longer works: .gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } //.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{ transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; } Could anyone please advise on what the error might be? Thanks

Hi tuanphan. Yes that's correct but hoping to get it to match a certain colour theme. Guessing it might not be possible to do that and will need custom css for each section? Basically want to have the footer match the colour of the content page. Thanks,

Site URL: https://megalodon-ocelot-kzmp.squarespace.com/ I would like to assign a colour theme to the footer for each individual page so that it can match the colour scheme of the content above it. Could someone please advise if this is possible! https://megalodon-ocelot-kzmp.squarespace.com/ Password is: HV123 Thanks

Site URL: https://giraffe-fife-xnsh.squarespace.com/work Hi there, I am trying to create two lines of text hover overlay on the portfolio grid but cannot seem to differentiate. I have tried using the coding suggested and editing the section id but nothing is working. Would love some assistance!