davecooperphoto

Thank you!

Tuanphan helped me get things sorted out, but basically I first added a gallery to the page, then bought and installed this plugin:

https://www.sqspthemes.com/plugins/gallery-random-order

Then added code to the page: 

Add to Design > Custom CSS
body.homepage article section:first-child {
    padding-top: 0px !important;
}

There were a few more tweaks I had to do to get the navigation to appear properly. I went back and forth with him via email to sort things out. 

Good luck!

Currently, the only page that's not functioning the way I want it to is a gallery page here:

https://www.davecooperphoto.com/stories

It is following the site wide style "zoom." However, I used custom code to change it on galleries. I'd like it to match on the /stories page. Essentially, I want to override the site-wide hover state for galleries.

I've decided to to switch the gallery style so that it looks good on both mobile and desktop. Thank you!

Yes—I'd like this to be the default hover for all grid galleries.

Hello,

I have a tweak I want to make to a Grid: Simple Section on my site: https://www.davecooperphoto.com/stories

I want to modify the hover to this:

img:hover
{transform:scale(1.05);
width:100%;
height:100%;
overflow:hidden!important;transition-duration: 1s}

This same code is working well on this page: https://www.davecooperphoto.com/portraits and I just want to make it consistent. I believe I just need the label for above the code?

Thanks,

Dave

My site is: davecooperphoto.com. The pages in question are all under this link: https://www.davecooperphoto.com/stories. For example https://www.davecooperphoto.com/stories/outliers and https://www.davecooperphoto.com/stories/blind-study use the simple gallery on desktop. I'd like to use Masonry on mobile, which I have already used custom CSS set to a single-column view so the images are large. 

Let me know what custom CSS to add so that Simple galleries on desktop are viewed as Masonry on mobile.

I hope that's clear. Thanks!

I'd love to see an implementation. My site is now live here: davecooperphoto.com. The landing page image is the one I'd like to randomize. Note that it is set as a background image in the main Section.

I'm using a Slideshow: Simple gallery block for my desktop design, and I'd like to use a different gallery block such as Masonry for the mobile version of the site, as it allows for much larger images and simpler functionality. Is there a way to do this with custom code?

Oh, I see. I'll hunt around a bit more. I did some searching but did not find anything.

Thanks

Hello,

I've searched the forum and the web for a solution, but nothing seems to work exactly as people want it to. What I'd like to do is have about 5 to 8 random images serve as a background image on my Home Page. I currently have a section on the page that has a background image loaded properly. I'd like this image to be swapped out randomly with other images as people visit my site.

See the attached image for how it looks with one image.

I know this is a somewhat redundant post, but if there is a real solution I'd love to know it. This has been asked for for at least six years. There's a result from 2017 but without a solution. Can we do this, people?  🙂

Thanks!