Jump to content

Custom code for image block behind menu

Recommended Posts

Hi all, 

I think this is probably a simple fix, but I can't figure it out. Couldn't figure out how to word it and see if anyone else has done this, either! What I want to do is stretch the image block on the right so that it goes up to the top of the page/header. My website isn't live yet and I'm working off of a template I bought from someone else.

Any custom code injections? Thanks so much! I also provided an example from another website that's done this. 

Screenshot2024-02-04at10_39_18.thumb.png.e4d9e232c653c426dcc0109226adb48f.png

Screenshot 2024-02-04 at 10.42.37.png

Link to comment
  • Replies 12
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

On 2/5/2024 at 4:30 PM, catemiz said:

The website isn't live yet unfortunately, I'm still working on it before putting it live. Are there any details I can provide you with here? 

You can follow this guide to share url

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
  • 4 weeks later...
On 3/15/2024 at 8:56 AM, tuanphan said:

You mean top image? I see a fullwidth image, now you need to move image to 50% width?

https://lolita-248.squarespace.com/about

Hey! Are you still able to help with this? I want the image to go up and extend into the menu/top of the page. I'm working on this now over at https://megalodon-disc-n2ep.squarespace.com p:cejlon2024

The specific page I'm talking about would be the https://megalodon-disc-n2ep.squarespace.com/cejlon/amsterdam-music-festival page or other 2 portfolio pages. 

Thanks a lot in advance!

Link to comment
On 4/11/2024 at 9:04 PM, catemiz said:

Hey! Are you still able to help with this? I want the image to go up and extend into the menu/top of the page. I'm working on this now over at https://megalodon-disc-n2ep.squarespace.com p:cejlon2024

The specific page I'm talking about would be the https://megalodon-disc-n2ep.squarespace.com/cejlon/amsterdam-music-festival page or other 2 portfolio pages. 

Thanks a lot in advance!

https://megalodon-disc-n2ep.squarespace.com/cejlon/amsterdam-music-festival

You can use this code to Website > Website Tools > Custom CSS

[data-section-id="66191743391d4347296d98da"] {
    padding-top: 0px !important;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 4/15/2024 at 6:05 PM, catemiz said:

Hey thanks! But is this code transferable for each page I want to use it? Or just this one?

Just one, if you want to apply to other pages, just repeat the code and change ID

Use this free tool to find ID https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.