FattyGuinness

Hi Shadmon, I was wondering if you might be able to help with something else on this. I only want this css at apply to blog posts in this blog (i've changed the url https://crimson-crow-6xs9.squarespace.com/walkdetails/trollheimentriangle) and not all blogs on the website. On inspection I think I need to include some reference to this: data-page-sections="65ead4ee598b4a48b4cd66fb" but I'm not sure how to include it in the code. Any help would be appreciated. Many thanks James

Hi Shadmon, yes that works! Thank you! The only issue it created, which I should of seen coming, was in edit mode the blog title is now hidden behind the navigation bar so I can't change without manually removing the margin every time. I've made some adjustments to the design so I'm now happy with the result. Thank you for all your help!

Hi @Shadmon, thanks for your response. I've replaced the css, the content is nearer to the top of page but still not quite there. Is there anything I try to move it up? I've also set the left and right padding on the image to 0 as it had a white margin when I placed the code. Thanks again for your help.

UPDATE I've made the image full width by using this code: #block-yui_3_17_2_1_1710773334883_7834 { padding: 17px 0px; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } Is it possible to pull up all the blog content so the first image starts at the top of the view portal (behind the nav bar)? And can I modify this code so it targets the 1st image on every blog post?

Hello, On this blog post I would like to make the top image full bleed on the width and run behind the navigation bar to the top of the view portal (but not full view portal height). I've seen Will Myer's banner image plugin but I'd like to know if there is a way I can do this with css or code block (instead of code injection)? https://crimson-crow-6xs9.squarespace.com/walks/trollheimentriangle password: sl Many thanks James

Thanks @tuanphan the centring was still slightly off but I added a negative left margin thats half of image width and now seems to be centred on desktop and mobile. Thanks for your help!

Thanks @tuanphan, I've removed the code for now.

I've also noticed the arrow seems slightly off centre. Is there a way to centre it? If needed, my website url is creativeboost.co.uk

@tuanphan I really like this scroll down animation, thanks for sharing! Is there a way to replace the arrow with a custom png file?

Did you have any luck getting this to work? I'm also looking for this solution.

Hi Melody495, I tried that code but got the same result where it seems to work when in editor mode but not when I save and exit. That is why I'm confused as I know the Oswald weights that are available are 300,400,700. I know the difference between 300 and 400 is subtle but there's definitely a visible difference. What makes it more confusing is that if put weight 700 in the code it works fine. So I think the code I have in the markdown is correct...

Hi Melody495, Thanks for checking. I believe I have headings set at 400 weight and I want 'Creative' in 300 so its a lighter font than 'BOOST'. I've attached 2 screenshots below, the first shows in edit mode 'Creative' appears in a lighter font compared to 'BOOST' which is how I want it. But when I exit the edit mode then its all reverting back to the same font weight.

Sorry, I took out the markdown as it wasn't working. I've just put it back on to the page. I also tried adding !important to weight font that doesn't seem to have helped either.

Thank you lettuce-red-mmxm.squarespace.com

Yeah, that didn't work. I think the code in the markdown is correct (although I might be wrong) but then its being overridden by something