kristindb76

I'd like to use code to hide any future blog post labeled as "featured", but not always the first post (nth child). I currently have the first post hidden using the nth child css code, but as the client chooses to add future posts, we may not want to always feature that new post, but will want to choose which posts are "featured" on the summary header manually. So that means we'd need to be able to hide that post in the summary grid below it, even if its not the "first" post entry. If we toggle the "featured post" designation on in the post settings, how can I use css to then filter out those articles from the summary grid so they do not show up?

when i do that, the header doesn't bleed to the left past the page padding/margin area. (see screenshot on left.. the header isn't bleeding to the left.)

I've tried all types of code fixes and can't seem to get my hero images to be seen when the page loads. They do not show until someone begins to scrolldown the page. I tried removing page animations in various ways for the blog section (Header code injection, site CSS, etc) but can't get this to fix. any suggestions? as some background, i used some header code injection to allow me to make an image be full width at the top to echo the rest of the site. but this image will not preload without a scroll trigger. the individual blog page is at https://finch-dinosaur-mskc.squarespace.com/success-stories/finding-the-perfect-hired-hand