Home › Forums › Support › How can I move up the featured image to overlap page hero in Split template This topic has 5 replies, 2 voices, and was last updated 3 years, 10 months ago by David. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts June 2, 2020 at 3:24 pm #1311858 nomadiceman Hi guys I want to move up the content so that the featured image overlaps the page hero in the split template I want this to be on the single post pages only. Please can you advise on how to do this. Sorry Im learning coding at the moment Thank you for your help June 3, 2020 at 2:50 am #1312193 DavidStaff Customer Support Hi there, try this CSS: /* Desktop */ .single-post .page-hero + #page .featured-image { margin-top: -180px; } /* MOBILE OPTIONAL if different overlap required */ @media (max-width: 768px) { .single-post .page-hero + #page .featured-image { margin-top: -200px; } } June 3, 2020 at 2:58 am #1312202 nomadiceman thank you so much, that worked perfect. ive been going insane all day trying to figure that out ๐ thank you. June 3, 2020 at 3:56 am #1312265 DavidStaff Customer Support You’re welcome. That CSS selector is very specific and quite smart for CSS: .single-post .page-hero + #page .featured-image .single-post = is a <body> class for single posts only. .page-hero + #page = this will target the page container IF and ONLY IF it comes after a page hero ( header element ). So in all reading backwards it means style the featured-image found within the #page if that comes after a page-hero on a single-post June 3, 2020 at 3:57 am #1312269 nomadiceman awesome June 3, 2020 at 4:28 am #1312298 DavidStaff Customer Support ๐ Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In