noahawaii

I figured it out. Amazon iframes expand over 9 cells and code blocks have to fill all that. Anyone can use the key below. 1 iframe = 3 cells wide 2 iframes = 5 cells wide 3 iframes = 7 cells wide 4 iframes = 10 cells wide 5 iframes = 12 cells wide All are 9 cells high & 6 cells high for mobile

It's frustrating how you can position an image exactly right in fluid engine and then save then load the page and SS still shifts the image down. How can I limit this container to only the image or just always keep images at the top. https://noahlangphotography.com/outdoor-gear-new

https://noahlangphotography.com/ I'm just saying that every store category that is created comes with a /store/(category) url, and I cant find a way to build a redirect to this. I would like to create the category for prints but then redirect it using the redirect above.

Well that first redirect up above should work then because its to an external site but every store page one doesn't

How come no 301 redirects will work on a store page? Anything with a /store url can't be redirected whether to a page on your site or not. I don't know how to show this problem since everything is really in the back end of my site, but this is what I was trying to do. /store/prints -> https://noahlang.pictorem.com/ 301 /store/outdoor-gear -> /outdoor-gear 301 Both of these should work but donʻt.

I had to pay someone for this solution.

Solution .page-section .section-border { background-color: transparent !important; } :not(.has-background) .section-background { background-color: transparent; }

The homepage specifically. The only reason it looks transparent is because I'm using opacity right now.

I've had no luck with adding .section-border, so I'm back to using opacity for now. If anyone has any ideas, please let me know. There's my homepage with the error, and I'm trying to fix section 622e5b8ddd586822ec87dd31 https://noahlangphotography.com/

I'm using opacity: 0.5 !important; in the meantime, but every other color code works except transparent so gotta blame squarespace. Let them know that they broke it so that it's more than one person.

I'm having this issue too and I've been bugging the crap out of them. It's just the transparent css that's broken from what I see but bug them too and blame it on them.

html:not([data-scroll='100']) .header-title { display: none !important; } What am I missing in this code to target the header title on a page scroll to get it to disappear at a certain px? Perhaps it would even be nice with a smooth transition.

Yes I am referring to javascript. My website is in there, but I don't think it's useful for this kind of solution. I need to load the html contents of an html file within a code block, and I figured javascript would be the best solution.

Is there a way to use Java to tell a code block to load the contents of an HTML file already uploaded to squarespace? This solution is needed to be able to make a change to one file that could apply across hundreds of blog posts at the same time. When I used an iframe and put the source url in the code block to the file, squarespace simply downloads the file every time the page is loaded instead of displaying the content in the file, which is why I thought Java was the solution.

Whenever an image is clicked on to open up the lightbox on mobile, it snaps back to the beginning of the page when the image is clicked out of. How can I keep the same position on the blog post without this happening? Thanks

Site URL: https://www.mcgeemedia.co/stills I saw an example of this on a non-squarespace site, and I wanted to know if it was possible. My url is here https://noahlangphotography.com/ Thanks

After working with Will Meyers on this one, he thankfully found the solution, and I tested it to make sure it works. This even works if your posts have already been indexed. You can submit them again, and the dates will be removed. https://www.will-myers.com/articles/hide-blog-post-dates-from-google-results-page <script> /** * Remove Blog Post Dates From SERP * From Will-Myers.com **/ function removeDates() { let metaPublished = document.querySelector('head meta[itemprop="datePublished"]'); if (metaPublished) metaPublished.remove(); let metaModified = document.querySelector('head meta[itemprop="dateModified"]'); if (metaModified) metaModified.remove(); let datePublished = document.querySelector('time.dt-published'); if (datePublished) datePublished.remove(); } removeDates() window.addEventListener('DOMContentLoaded', removeDates) </script>

Site URL: https://noahlangphotography.com/blog/how-to-visit-crows-nest-old-faithful-inn-yellowstone-national-park-wyoming <script language=JavaScript> var message=""; function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("return false") </script> Iʻm trying to prevent image downloads, but I still want to be able to copy text.

Mess around with these colors as you like. .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover { background: #000 !important; color: #fff !important; }

Just from doing my own test with this CSS, everything still loads in parts until the entire page appears which is what is hurting CLS in Google. So far I've found that the best solution is by creating a loading screen like the one below, but I'm not positive yet if this is what will satisfy Google CLS. From what I understand google needs to show that everything on the page isn't moving around as the user is watching it load. <div id="wm-loading-animation"> <div class="loading-graphic"> <img src="https://images.squarespace-cdn.com/content/v1/6226f62738f4f73d2b353e79/f7f0d350-1a95-4178-8aa6-39c05a527ef9/noahawaii.png?format=1000w"> </div> </div> <script> function hideAnimation(){ document.querySelector("#wm-loading-animation").classList.add("hide-animation"); } setTimeout(function(){ setTimeout(function(){ hideAnimation() }, 500); let checkLoad = setInterval(function(){ if (document.readyState === "complete"){ hideAnimation(); clearInterval(checkLoad) } }, 1); }, 1000); </script> <style> #wm-loading-animation img{ height:150px; width:auto; } #wm-loading-animation{ height:100vh; width:100vw; background:#fff; position:fixed; z-index: 99999999999999999999999999999999999; display:flex; align-items:center; justify-content:center; } .wm-slider-container .dots-container{ left: unset !important; transform: unset !important; right: 3vw } @keyframes pulse{ 0%{ transform:scale(1.1)} 50%{ transform:scale(0.9)} 100%{ transform:scale(1.1)} } .loading-graphic{ animation: pulse 3s ease-in-out infinite; } #wm-loading-animation.hide-animation{ visibility: hidden; opacity: 0; transition: visibility 0s 1s, opacity 1s linear; /*Hide this element after load*/ } </style>

Site URL: https://noahlangphotography.com/blog Lazy loading is hurting my seo, and I was wondering if there was a way to turn it off site wide.

This fixed it for me. Allow Anonymous Comments In the Settings -> Blogging -> Comments -> Allow Anonymous Comments

This fixed it for me. Allow Anonymous Comments In the Settings -> Blogging -> Comments -> Allow Anonymous Comments

<script type = "text/javascript"> window.onload = function () { document.getElementById("h1").innerHTML = "More Posts"; } </script> I wanted to know how I would go about changing the "Recent Posts" text to "More Posts" on all offset pages? I was wondering how I could modify the above javascript to make it happen. https://noahlangphotography.com/blog?offset=1663108380518 Thanks

The problem I'm having is trying to get old urls unindexed since the url slugs have been changed. I don't want the 404 responses on changed urls to be dragging down my websites rank. If there was a way to paste it into the head for a specific website, then I could target the old broken urls.