Jump to content

Background Image change as per portfolio page - but on non-portfolio page?

Recommended Posts

Hi, again something I seem to want 7.1 to do (that 7.0 has!): In 7.1 you can make a portfolio start page have a full screen background image with gallery titles within the portfolio displayed in the centre of the page - when you hover over the titles (links) the background changes (a featured image from each gallery). So far so good. However, is it possible to have a similar functionality but with a non-portfolio page, the links of which leading to other pages (not necessarily a gallery)?

I notice this sort of thing can be done with a cover page in 7.0 but their absence in 7.1 seems to make this particular behaviour not immediately obvious to emulate...

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

15 minutes ago, CaptainBarnacles said:

Hi, again something I seem to want 7.1 to do (that 7.0 has!): In 7.1 you can make a portfolio start page have a full screen background image with gallery titles within the portfolio displayed in the centre of the page - when you hover over the titles (links) the background changes (a featured image from each gallery). So far so good. However, is it possible to have a similar functionality but with a non-portfolio page, the links of which leading to other pages (not necessarily a gallery)?

I notice this sort of thing can be done with a cover page in 7.0 but their absence in 7.1 seems to make this particular behaviour not immediately obvious to emulate...

See the video 

https://www.loom.com/share/4b3506c554d34cfabf47a828a96497a4?sid=5cba35ab-cf6e-4859-aa82-1318f127aa93

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

I think you misunderstand my question.

I am fully aware how it's done as a portfolio page. My question was how to create the same text-hover effect/background change but as part of a 'normal' non-portfolio page. I like the portfolio hover effect style but dont want the links to go to a gallery but instead, lets say for example, an about page or contact page, or something else...

So, is that possible?

Edited by CaptainBarnacles
Link to comment
On 10/28/2023 at 2:02 AM, CaptainBarnacles said:

Sorry to bump this, still trying to hunt down a solution but not sure there is one without lots of fiddling around with tons of custom code - something I thought would this platform's strength 😬

You can use Portfolio Page, then share link to page, we can use custom code to change url

Or you can use Text Block + Background Image then follow this guide to achieve similar effect

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
On 11/10/2023 at 5:50 AM, CaptainBarnacles said:

sorry missed your answer sooner, thanks for that, how does the first one work?

I'll give that link a read and see what I can make sense of!

Just create a portfolio page then play around with all layout (I remember there is 1 or 2 layouts suitable for your case), then share link, we will give code to change url of each item to custom url

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.