Jump to content

Custom Background // Better Index Page Setup

Recommended Posts

Site URL: https://tropicalratchet.com

password: g

 

I have a rather "hacky" setup using the on-hover displays that Index pages offer to give an illusion of interactivity. I understand it won't quite work as well on mobile but I'm targeting Desktop users for this site anyway. Regardless, I have hit a wall..

I'm attempting to accomplish two tasks, one being rather easy yet somehow it isn't quite clicking, while another possibly being a bit more difficult:

1: Change the background on the Blank Pages that are listed within the index. I've tried various code inserts in CSS and Code blocks but for some reason they have yet to click.. Right now the backgrounds of the pages when clicked via the homescreen/Index are white. Would like them to be the image I have uploaded into my Custom CSS file directory

 image.png.94d725580d12eaca90b74384a99a2516.png 

Currently:image.thumb.png.f5c485a7060c1ce3c4ca46559e34ca66.png

 

This is the ideal end setup: 

Base Background:

image.thumb.png.1051ef3dd02fe1b1f6fb2073ca8169cc.png

With images on top:

image.thumb.png.716f0b647abfe3048d03018f28bfe30f.png

 

2. Accomplish this specific look and be sure it translates between Mobile and Desktop. I used code to force a specific width based off of screen size but that too hasn't worked.

What I have currently: image.thumb.png.493301f6a5e7da857e47ff9a8fb9ce44.png

 

What I'm aiming to achieve:FW22-Rebrand-Concept-Orb-Glyph-SelectsArtboard-1.thumb.png.6c5b31c05ff73104a6b94fe0b7073e35.png

On-Hover:

FW22-Rebrand-Concept-Orb-Glyph-SelectsArtboard-1-copy-2.thumb.png.d32716234d23a6a7be85c67be09f80d0.png

 

I understand this is rather hacky and am entirely open to other suggestions. However I do think it is possible within the current Squarespace framework + without using Fluid Engine.

 

Check out what I have currently:

https://tropicalratchet.com

password: g

 

Any tips greatly appreciated! Thank you

Edited by JMChavez
Link to comment
  • Replies 0
  • Views 133
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.