Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

Everything posted by natalienet

  1. While this gets figure out, I'm using a method of making the blog post thumbnails not clickable and then using point to source URL to redirect the post title to a different page. I'd prefer to just forward the blog post url to a new page and have the thumbnail be clickable.
  2. I have followed the instructions here: https://support.squarespace.com/hc/en-us/articles/206543297-Linking-a-blog-post-title-to-another-page to link one blog post title to another page. However, this feature DOES NOT link the blog post thumbnail to the new URL in the summary. How can I include the thumbnail in redirecting to the new link, whether through this method, URL mapping, or another way? The blog post URL I want to redirect is: https://www.earthspeak.love/collective-courses-resources/heart-fire-activation-ritual Thank you.
  3. I agree! My design is based on symmetry, but there may be a letter or two difference between menu titles on either side, which messes up my whole logo centered design. It's so aggravating! For now I've just settle with having the menu nav titles left and right aligned, so they don't mess with the center logo. If I find a workaround, I will use it to bring the menu nav items back to snug against either side of the centered logo. So strange that this isn't a built-in option!
  4. Hello @paul2009. Thank you. I am trying to redirect https://www.earthspeak.love/collective-courses-resources/heart-fire-activation-ritual to https://www.earthspeak.love/shop (note the link I actually want to use is protected by MemberSpace, so I am using a placeholder link here).
  5. I am trying to URL map a specific blog post to a different page, but it doesn't seem to be working. I've successfully mapped index page URLs, but never a blog post URL. Any idea how to make a specific blog post URL mapping work? I'm trying to do a 302 redirect. Thanks!
  6. I'm using Brine. I want my blog summary block to display posts oldest to newest. How might you do that? Thanks.
  7. I've switched it so that my primary nav is in the bottom left, and my secondary nav is in my bottom right. link is: https://www.earthspeak.love/ If I can make the contents of the bottom left align to the right and of the bottom right align to the left, then I assume that would keep my logo centered, while having the nav links be nestled on either side of the logo. Thoughts?
  8. I'm using Brine. I have my logo and navigation centered at the top of my site. BUT I'm noticing that it's not centering based on my logo, it's centering based on the total width of the navigation + logo. This is making my logo and navigation look off-centered. How can I make it center from the LOGO, so the logo is always true center? I've attached a screenshot that shows my header + nav settings and the awkward not-centered way it's displaying. Note: I've removed the "members login" nav link from my site for public viewing until I figure this out, so if you go there, you won't see it. Thanks in advance!
  9. Ok, so I did some more digging and found a different method that is working! Inject this code into your header via "advanced": <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> <!-- Change logo image on desktop and mobile. From comments of https://www.youtube.com/watch?v=_3CQd5WGrsI search for “josh ison” and you’ll see the thread. --> $(function() {$('.Header-branding-logo, .Mobile-bar-branding-logo') .attr('src', 'YOURLOGOURL')}) </script>
  10. I'm using Brine. I'm changing my logo image on specific pages by inserting the script below into the page header. However, since this only affects desktop with 'Header-branding-logo', the logo is not getting changed on the mobile versions of these pages. <script> window.onload = function() { document.getElementsByClassName('Header-branding-logo')[0].src = 'URL_TO_IMAGE'; }; </script> How would I add the functionality into this script or just use a new method to change the logo image on both desktop and mobile? Thanks in advance.
  11. Who knows how to change the logo on both desktop (the JackForbes code worked for me on desktop) and mobile? I'm using Brine. Thanks.
  12. I am using the Greenwich theme, which is in the Brine family. It has a grid/stacked blog. I've been trying to use the "blog post item code injection" to no avail, only to learn here that for grid/stacked blogs, anything put into the "blog post item code injection" does NOT display on blog posts, but rather only on the blog main page. Sooo... I'm wondering if you can please help me work around this, so that the "blog post item code injection" will actually work on blog posts. Thanks in advance for your help. 🙂
  13. I figured this out! 😀 To recap, my site logo is white. When viewing the blog posts, however, my white logo was invisible because there's no option to upload a unique logo just for the blog (and you can't change the background color of the blog post headers without css). I wanted my blog post header background to remain white and my logo to be black, so I added CSS to invert the colors on my logo. Here's an example of one of my blog posts, so you can see it in action on desktop and mobile: https://www.earthspeak.love/shows-1/iglivereplay-naomilove Here's the CSS I used to invert the blog logo on both desktop and mobile. /* Make Shows Blog Post Header Logo Inverted (Black) on desktop */ .collection-type-blog .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } /* Making Shows blog post header logo inverted (black) on mobile */ @media only screen and (max-width: 640px) { .Mobile-bar-branding { -webkit-filter: invert(100%) !important; filter: invert(100%) !important; filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); }}
  14. @tuanphan Thanks. I'm sorry, I forgot to mention that the blog posts are under the "shows" in the menu. Go to "Shows" and you can click on any of the posts on that page to see a blog post. I will try the .view-item now. Thanks.
  15. @tuanphan yes, it's still unpublished, but you can view it here, pw: s33m3https://silver-pug-58dj.squarespace.com/
  16. To folks following this question, here's a draft of an email you can submit to customer support, so that maybe they'll add this super basic and important feature! Hello, I would like to request that you offer styling options for blog post headers. I have this problem, and I've seen many others with the same problem: I have a white logo which shows against the banners I use throughout my site, but there is no option to add a banner or even a background color to blog posts, so my logo doesn't show on blog posts. I can imagine you could create options for users to: Add a universal banner to blog post headers Add a universal background color to blog post headers Change the logo for blog posts This is super frustrating to not have options to modify this basic and important feature, so I hope you will implement a solution ASAP! Thanks,
  17. Put that new code in with the correct syntax, and it's still not inverting the blog post logo on mobile. Thanks for trying though, appreciate it.
  18. Ok, @tuanphan I did this, and it is not working. Did I put it together correctly? Thanks. @media screen and (max-width:640px) { .collection-type-blog .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); }
  19. I successfully used the code from this post (Thanks @Paul2009) to invert the color of my logo in my blog posts: https://answers.squarespace.com/questions/200238/marta-change-color-of-logo-on-blog-posts-only.html However, it didn't invert the logo for blog posts on mobile, so now my mobile blog posts still have a white logo on a white background. How can I invert the logo on blog posts on mobile? Thanks!
  • Create New...