Craigmcc Posted November 13, 2019 Share Posted November 13, 2019 When I click to read my blog the title shows up on my header but I don't want it there. Is there a code to insert to remove this? Link to comment
tuanphan Posted November 13, 2019 Share Posted November 13, 2019 Can you share link to your blog? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Craigmcc Posted November 13, 2019 Author Share Posted November 13, 2019 https://www.mccloskeycoaching.com/lifestyle-blog/5-success-tips-on-starting-a-new-health-routine-1 It's like that on all my blog posts. If I could remove the thumbnail in my header and title that would be ideal! Link to comment
tuanphan Posted November 13, 2019 Share Posted November 13, 2019 1 minute ago, Craigmcc said: https://www.mccloskeycoaching.com/lifestyle-blog/5-success-tips-on-starting-a-new-health-routine-1 It's like that on all my blog posts. If I could remove the thumbnail in my header and title that would be ideal! Add to Home > Design > Custom CSS .collection-type-blog.view-item .banner-thumbnail-wrapper { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Craigmcc Posted November 13, 2019 Author Share Posted November 13, 2019 It worked perfectly! Thank you so much! Link to comment
Hayesw Posted April 8, 2020 Share Posted April 8, 2020 On 11/13/2019 at 9:56 AM, tuanphan said: Add to Home > Design > Custom CSS .collection-type-blog.view-item .banner-thumbnail-wrapper { display: none; } Is there a way to do this so that it only affects one of my blogs, not all of them? So I have a general blog that I don't want to be affected and then I am trying to set up another blog to display information about our team members and I don't want the thumbnail to display in the blog wrap header. Link to comment
tuanphan Posted April 9, 2020 Share Posted April 9, 2020 6 hours ago, Hayesw said: Is there a way to do this so that it only affects one of my blogs, not all of them? So I have a general blog that I don't want to be affected and then I am trying to set up another blog to display information about our team members and I don't want the thumbnail to display in the blog wrap header. Add to blog settings > Advanced > Header <style> .banner-thumbnail-wrapper { display: none; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jessmartinez Posted June 15, 2020 Share Posted June 15, 2020 @tuanphan Sorry to bring this up again but I also have the same issue. The code works but it also hides my blog title, and I still want that to show up. Is there a way to do this without me having to type my blog title in the title field, AND again in the paragraph just so it will show up? I feel like that would look weird. Thanks! Link to comment
tuanphan Posted June 15, 2020 Share Posted June 15, 2020 5 minutes ago, jessmartinez said: @tuanphan Sorry to bring this up again but I also have the same issue. The code works but it also hides my blog title, and I still want that to show up. Is there a way to do this without me having to type my blog title in the title field, AND again in the paragraph just so it will show up? I feel like that would look weird. Thanks! What is your problem? Which element you want to hide? Can you share link to your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jessmartinez Posted June 15, 2020 Share Posted June 15, 2020 @tuanphan I'm still setting up my blog, but it looks like this in the screenshot. I don't want to have a banner on top of each blog post, but when I use your code it also hides my blog title. I'd like the blog title to appear on top of my paragraphs part in the picture like a typical blog post Link to comment
tuanphan Posted June 15, 2020 Share Posted June 15, 2020 2 hours ago, jessmartinez said: @tuanphan I'm still setting up my blog, but it looks like this in the screenshot. I don't want to have a banner on top of each blog post, but when I use your code it also hides my blog title. I'd like the blog title to appear on top of my paragraphs part in the picture like a typical blog post Can you share link to blog post? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jessmartinez Posted June 15, 2020 Share Posted June 15, 2020 @tuanphan www.jecamartinez.com/blog-feed/draft-title Link to comment
RyanDejaegher Posted June 15, 2020 Share Posted June 15, 2020 @jessmartinez you may have to publish the blog post, otherwise the page/post can't be found Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
jessmartinez Posted June 15, 2020 Share Posted June 15, 2020 @ryandejaegher @tuanphan Oh sorry! Here it is: https://www.jecamartinez.com/blog-feed/draft-title Link to comment
RyanDejaegher Posted June 15, 2020 Share Posted June 15, 2020 @jessmartinez is this what you're going for? Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
jessmartinez Posted June 15, 2020 Share Posted June 15, 2020 @ryandejaegher Not quite, something like this without the banner completely, and the title is just above the rest of the blog post 🙂 (this screenshot is taken from the blog feed http://jecamartinez.com/blog-feed , but when you click on any of the posts, it leads to the blog with the banner header) But I can also consider doing something like what you did with just a plain colored background. What code did you use to get that effect? (just so I have options) Link to comment
RyanDejaegher Posted June 15, 2020 Share Posted June 15, 2020 @jessmartinez, interesting what happens when you don't have a banner or thumbnail for the blog post? Does it display the title in the same place? Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
jessmartinez Posted June 15, 2020 Share Posted June 15, 2020 @ryandejaegher I've just checked, and if I remove the thumbnail it displays the blog post title like in the screenshot. However I prefer to have the option to upload the thumbnail. My plan is to create a page with summary blocks, so I would need those thumbnails to show up for visual purposes 🙂 And yes, it is a bit weird! When I started building out my website using this theme I didn't realize that the individual blog post would have a giant banner as a title, and it honestly doesn't look nice. I just thought it would look like how regular blog posts look I am thinking that my workaround for now would be to type the blog title on the title field, and again within the blog post with an H2 format, and then just add a code to hide the banner title (unless you've managed to find a code, which would be so much better!) 😄 Link to comment
RyanDejaegher Posted June 15, 2020 Share Posted June 15, 2020 @jessmartinez So the goal would be to still have the banner but then be able to display the blog title as shown in the picture? Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
jessmartinez Posted June 15, 2020 Share Posted June 15, 2020 @ryandejaegher No, I just want the banner section to be hidden, but the title will still show up, and be right on top of the blog content, exactly like this: Link to comment
RyanDejaegher Posted June 15, 2020 Share Posted June 15, 2020 @jessmartinez got it, I would add your Banner image back and then I can give you code that will move the title and hide the banner Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
jessmartinez Posted June 15, 2020 Share Posted June 15, 2020 @ryandejaegher yes please, can you post the code here? Link to comment
RyanDejaegher Posted June 16, 2020 Share Posted June 16, 2020 Hey @jessmartinez, can you add the banner image back and then I can create the code Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
RyanDejaegher Posted June 16, 2020 Share Posted June 16, 2020 @jessmartinez Add this to your custom CSS /* Hide banner image */ .banner-thumbnail-wrapper { display: none; } /* Control spacing between page content and menu */ #page { padding-top: 180px; } /* Style Blog Title content */ /* Hide post author */ .title-desc-wrapper .post-author { display: none; } .title-desc-wrapper .post-title { } .title-desc-wrapper .post-date { } Add this code to Settings -> Advanced -> Code Injection -> Footer (function(){ window.addEventListener('load', function(){ var bannerText = document.querySelector('.title-desc-wrapper'); var blogContent = document.querySelector('#content'); if(bannerText !== null) { blogContent.insertAdjacentElement('afterbegin', bannerText); } }) })(); If there's a banner image it will move the text above the content and then the custom CSS will take care of hiding the banner. You'll need to adjust the styling of the title and date to your liking Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.