Jennika

Yes, with the NOT selector, it would look to see if the page ID matches the homepage. If it does not match the homepage ID, then it would add whatever CSS you've defined for the not homepage header. All of the style for the black header (not homepage) goes inside the body:NOT tags, similar to how you would style your normal header. Here is an example using just really basic styling. body:NOT([id*="collection-62c695b5e721f57173873af3"]) { #header {background-color:#000 !important;} #site-title {color:#fff;} .header-nav-item a {color:#fff;} } "Other classes and styles" meant you needed to add whatever ids (i.e. #header), classes (i.e. .header-nav-item a), and their associated styles (i.e. color:#fff;) to make the header look how you want.

You can use a NOT selector to make adjustments to headers on every page that is not the homepage. Basically, you would tell it that every page NOT identified by the homepage ID gets a different header styling (in this case, a solid black). The CSS would look something like this. body:NOT([id*="123456789"]) { #header { background-color:#000; other classes and styles } }

If you are using the Chrome browser, it's just called Page Ruler. Here is the link: https://chrome.google.com/webstore/detail/page-ruler/jcbmcnpepaddcedmjdcmhbekjhbfnlff?hl=en I'm sure they have similar plugins for other browsers. The spacing could also be a browser issue. I didn't look at your website on any other browser, just Chrome. I've had that happen when tweaking CSS in the past. Stuff will look great on one browser and funky on another.

Did you see this page on the Squarespace website: https://support.squarespace.com/hc/en-us/articles/115001906407-Posting-a-podcast-episode ? Not sure if this is what you're looking for or if you're trying to do something else. I'm pretty sure there isn't a way to automate the creation of podcast pages (which are just blog pages with the audio embed). Meaning, I don't think there is a way to have a website like Anchor tell Squarespace a new episode is up so create a new blog page and embed this file on the page if that's what you're looking for.

Hi Fern, Could be something on your end. Did you look at the website in a new incognito window, not the editor? It's showing up centered for me as well. I took a screenshot. I have a ruler plugin on my browser to check for stuff like that, and the distance is equal on both sides of the navigation (see screenshot, the grid ruler lines are very light). When I go into the editor on my squarespace, sometimes the spacing is off but it's fine when I look at it in an incognito window.

You can add padding to the left side of the nav list items. Adjust the # of px until it's how you like it. .header-nav-item { padding-left:10px; }

I would recommend purchasing Will Myers' Split Screen Layout Design Pack plugin. It's only $20 and if you're a circle member, you get a discout (check the perks section of the circle member dashboard). I'm using another of his split screen plugins on my website and it works awesome! Here is the link to his product page: https://www.will-myers.com/products/p/split-screen-layout-design-pack. You can see the full functionality on the demo site. It has a "sticky" feature that will achieve what you're looking for.

UPDATE: I figured out how to center the text on a regular blog page for anyone interested in having centered pagination on their blog posts. I couldn't find a similar post when I did a search, so thought I would post the code for a regular blog post. I've attached a picture so you can see what looks like. .item-pagination-link .item-pagination-icon { display:none; } .visually-hidden { position:relative !important; height:100% !important; width:100% !important; clip:auto; padding:10px 0 !important; } .visually-hidden:after { content: " Post"; position:relative; } .item-pagination[data-collection-type^="blog"], .item-pagination[data-collection-type^="blog"] a { margin:0 auto 10vw; display:block; } .item-pagination-link { text-align:center; } .pagination-title-wrapper { margin-bottom:-10vw; } I'm going to see if I can now make this work with the plugin.

Site URL: https://jls-portfolio.squarespace.com/portfolio/blog-post-title-two-9g694 Here is the page I'm working on right now: https://jls-portfolio.squarespace.com/portfolio/blog-post-title-two-9g694 (password: codehelp) I'm using Will Myers' Blog Post Banner Image Styles plugin and the split screen style. I'm trying to center the blog pagination at the bottom of the blog post side of the screen (see example website image). I've tried a few things, and have managed to move the text over, but the text itself is not centered on the page. This is the CSS I've been using as a base to get the text somewhat in the right position. But I can't get it to center once I get to this step, even when targeting elements below this level (see image from my website). .wm-banner-style-3 main.container .item-pagination { right:50%; left:50%; padding:0; margin:4vw; display:block; white-space:nowrap; } Any suggestions would be greatly appreciated.

Your site is set to private, so we can't actually look at it to see what's going on. If you can set it up with a password or make it public, others will be able to inspect your pages and provide assistance.