Randomise blog post overview AND in categories

Site URL: https://lion-oleander-57re.squarespace.com/projects

https://lion-oleander-57re.squarespace.com/projects
P: GTA1

Annoyingly client has added a new wish list once most of the content was added which might need a full reconfiguration.
I have used a blog overview, and then (as I didnt like the look of the filter blog function) a menu of links at the top as a way to filter out categories within the blog.
 

Client would like:
– Filter menu to stay at the top of the navigation when you scroll down. Is there code to keep that section sticky at the top so that it stays there all the time when on the projects page

– Projects to randomise when you go onto that page so there are always a mix of categories and date created - not just in date uploaded.

– Projects to appear with the title appearing when you hover over rather than underneath

Please can anyone help with possibilities of doing these? I have done a search on the randomising and get mixed answers?

Thanks in advance!

#1. You can use this code to Website Tools > Custom CSS

section[data-section-id="668ff09d60a3229810052708"] {
    position: sticky;
    position: -webkit-sticky;
    top: 10px;
    z-index: 99999;
}

#3. Use this CSS code

Do you need to add an overlay color?

/* Blig List - Hover Effect */
.blog-basic-grid--text {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all 0.3s;
}
article.blog-basic-grid--container.entry.blog-item.is-loaded {
    position: relative !important;
    transform: unset !important;
}
.blog-basic-grid:hover .blog-basic-grid--text {
    opacity: 1;
    transition: all 0.3s;
}

Hi there, 

Sorry I only just got round to this, is there some code to make the image fade when the title appears? And also for not all the titles to appear on rollover?

On 10/1/2024 at 8:24 PM, LyndaKendall said:

Hi there, 

Sorry I only just got round to this, is there some code to make the image fade when the title appears? And also for not all the titles to appear on rollover?

You mean add an overlay over image + hide title?