sarahanne915 Posted October 21, 2021 Share Posted October 21, 2021 On 4/29/2020 at 11:02 PM, tuanphan said: Add to Home > Design > Custom CSS .blog-item-title h1 { display: none; } I want to change my blog titles on my blog homepage to be smaller than h1 but i cant seem to do that without a huge gap between the lines. Is there a way to change my h1 to h4 or smaller? site : www.boudiebabeboudoir.com/blog User1776 1 Link to comment
tuanphan Posted October 22, 2021 Share Posted October 22, 2021 On 10/21/2021 at 8:30 AM, sarahanne915 said: I want to change my blog titles on my blog homepage to be smaller than h1 but i cant seem to do that without a huge gap between the lines. Is there a way to change my h1 to h4 or smaller? site : www.boudiebabeboudoir.com/blog Add to Design > Custom CSS h1.blog-title a { font-size: 12px; } h1.blog-title { line-height: 18px !important; } User1776 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tigress02 Posted November 18, 2021 Share Posted November 18, 2021 I'm trying to remove the titles from an alternating-side-by-side blog, but none of the CSS suggestions work. I have successfully used this code to remove titles from the basic grid layout, but when I change the blog to the alternating format and update the layout name in the code, nothing happens. .blog-basic-grid--text { display: none; } Any ideas for how to make this work? Link to comment
tuanphan Posted November 19, 2021 Share Posted November 19, 2021 On 11/18/2021 at 7:06 AM, tigress02 said: I'm trying to remove the titles from an alternating-side-by-side blog, but none of the CSS suggestions work. I have successfully used this code to remove titles from the basic grid layout, but when I change the blog to the alternating format and update the layout name in the code, nothing happens. .blog-basic-grid--text { display: none; } Any ideas for how to make this work? Try this code h1.blog-title {display:none !important;} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tigress02 Posted November 19, 2021 Share Posted November 19, 2021 That worked - thank you!! Link to comment
thiswanderingsoul Posted June 23, 2022 Share Posted June 23, 2022 Hi there! I am having trouble because I removed the titles from my blog pages but now I cant figure out how to change them when I got to make a new post so that they don't say "blog post title one" on the blog page... please help! :) https://www.this-wandering-soul.com/blog Link to comment
tuanphan Posted June 26, 2022 Share Posted June 26, 2022 On 6/24/2022 at 4:35 AM, thiswanderingsoul said: Hi there! I am having trouble because I removed the titles from my blog pages but now I cant figure out how to change them when I got to make a new post so that they don't say "blog post title one" on the blog page... please help! 🙂https://www.this-wandering-soul.com/blog Add to Design > Custom CSS .blog-alternating-side-by-side .blog-title { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
noblestudio Posted November 18, 2022 Share Posted November 18, 2022 Hi All, I tried all the above for a client's site that's still using 7.0 but failed to work. I managed to pull up some code on the inspect mode and tried this which worked like a dreamboat! Copy and paste this into your CSS and it will remove the Blog title from your blog page only. Example here. If you have a Blog page or summary blocks displaying the stories elsewhere on your site, (as I have) those will remain in place. Hope this helps! /* remove blog title from blog page*/ .tweak-blog-item-alignment-center .BlogItem-title { text-align: center; display: none; } tuanphan 1 Link to comment
MoxieMarketingNC Posted May 11, 2023 Share Posted May 11, 2023 I've tried the codes shared in previous submissions. Can someone help me figure this out for the following blog? https://www.islandpineapplerealty.com/blogs/pineapples-a-sweet-connection-between-tropical-fruit-and-the-space-coast Link to comment
tuanphan Posted May 12, 2023 Share Posted May 12, 2023 10 hours ago, MoxieMarketingNC said: I've tried the codes shared in previous submissions. Can someone help me figure this out for the following blog? https://www.islandpineapplerealty.com/blogs/pineapples-a-sweet-connection-between-tropical-fruit-and-the-space-coast Use this CSS code h1.BlogItem-title { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
JNewman Posted June 1, 2023 Share Posted June 1, 2023 On 6/26/2022 at 10:13 AM, tuanphan said: Add to Design > Custom CSS .blog-alternating-side-by-side .blog-title { display: none; } Hello @tuanphan The code : .blog-item-title h1.entry-title { display: none; } works for my website to hide the title but I can't find a way to change to title of future blog posts. Is there a way around this issue? Thanks :) Link to comment
tuanphan Posted June 4, 2023 Share Posted June 4, 2023 On 6/1/2023 at 11:20 PM, JNewman said: Hello @tuanphan The code : .blog-item-title h1.entry-title { display: none; } works for my website to hide the title but I can't find a way to change to title of future blog posts. Is there a way around this issue? Thanks 🙂 That code will hide all titles, current + future titles Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Mariacwc Posted October 6, 2023 Share Posted October 6, 2023 Hey can anyone help me remove the blog title from the blog post 2023? I only want to remove the title from the blog post, not the blog landing page. I have tried all the codes I found in this forum under "Website > Website tools > Custom CSS" but it didn't work. Thanks in advance. Link to comment
tuanphan Posted October 12, 2023 Share Posted October 12, 2023 On 10/6/2023 at 7:18 AM, Mariacwc said: Hey can anyone help me remove the blog title from the blog post 2023? I only want to remove the title from the blog post, not the blog landing page. I have tried all the codes I found in this forum under "Website > Website tools > Custom CSS" but it didn't work. Thanks in advance. Hi, Can you share link to this blog post? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
PurpleFox Posted February 25 Share Posted February 25 CSS code to remove the title of posts on the blog page in single column format. Quote /* hide blog post title */ .blog-single-column .blog-title { display: none; } tuanphan 1 Link to comment
rteichroew Posted March 7 Share Posted March 7 @tuanphan I'm trying to remove the blog titles from under my graphics. I have multiple pages of blogs like these. I only want to remove the titles from these pages under the graphics. Can you help me? www.bungalowid.com/journal Link to comment
tuanphan Posted March 7 Share Posted March 7 3 hours ago, rteichroew said: @tuanphan I'm trying to remove the blog titles from under my graphics. I have multiple pages of blogs like these. I only want to remove the titles from these pages under the graphics. Can you help me? www.bungalowid.com/journal You can use this code to Website > Website Tools > Custom CSS h1.blog-title { display: none !important; } rteichroew 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted June 21 Share Posted June 21 14 hours ago, iamTiago said: Hi can someone help me.. I want to remove this tittle from the page: the link from the page: https://intertours.com.pt/a-ilha-da-madeira-e-um-jardim-10-jardins-mais-deslumbrantes-a-visitar/ Can you check url again? I can't access it. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted June 22 Share Posted June 22 23 hours ago, iamTiago said: Hi @tuanphan !The main page url is: www.intertours.com.pt The blog page url is: www.intertours.com.pt/blog Can you try this url for example.. it has the same "problem": www.intertours.com.pt/melhores-hoteis-resorts-gran-canaria-tudo-incluido-canarias/ Not sure why, or maybe you block ID from some countries, I still can't access the site to check problem (You try posting your problem to Coding Category) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ZucchiniCosette Posted July 23 Share Posted July 23 (edited) On 10/12/2021 at 10:16 PM, tuanphan said: Add to Design > Custom CSS .blog-basic-grid--text { display: none; } Hi @tuanphan, This code worked to remove the titles from my blog overview. However, since I am trying to craft a portfolio (using categories), I want to Use Source URL in blog posts to link to portfolio subpages. Right now, only clicking on the blog title will lead you to the source url, while clicking on the blog image still leads to the blog post. I want to remove the titles AND make it so that clicking on the blog image will lead to the source URL. Any idea how to accomplish this? Thank you! Edited July 23 by ZucchiniCosette Link to comment
tuanphan Posted July 25 Share Posted July 25 On 7/23/2024 at 9:41 PM, ZucchiniCosette said: Hi @tuanphan, This code worked to remove the titles from my blog overview. However, since I am trying to craft a portfolio (using categories), I want to Use Source URL in blog posts to link to portfolio subpages. Right now, only clicking on the blog title will lead you to the source url, while clicking on the blog image still leads to the blog post. I want to remove the titles AND make it so that clicking on the blog image will lead to the source URL. Any idea how to accomplish this? Thank you! We can use code to turn title link to image link. You can share link to blog overview page, I can adjust code for your case easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
SFStage Posted August 25 Share Posted August 25 @tuanphan Is there a way to apply this title hiding on a blog post specifically to one blog on a site but not universally to all blogs? I'm wanting to use a blog as a searchable database, and I'd love for the post pages to not have the h1 title similar to what's been suggested/remedied above, but I don't want to apply it universally to all blogs on the site in the Design>Custom CSS section — if that's even possible! THANKS in advance for any advice you might have! Link to comment
tuanphan Posted August 26 Share Posted August 26 8 hours ago, SFStage said: @tuanphan Is there a way to apply this title hiding on a blog post specifically to one blog on a site but not universally to all blogs? I'm wanting to use a blog as a searchable database, and I'd love for the post pages to not have the h1 title similar to what's been suggested/remedied above, but I don't want to apply it universally to all blogs on the site in the Design>Custom CSS section — if that's even possible! THANKS in advance for any advice you might have! You mean you have a blog page A and B in blog page A, you have items: X, Y, Z... and you need to hide title of item Y Is that right? It is possible. You can share link to blog page & let me know which items you want to hide title, I can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
paul2009 Posted August 26 Share Posted August 26 11 hours ago, SFStage said: Is there a way to apply this title hiding on a blog post specifically to one blog on a site but not universally to all blogs? If you want to apply it to all the posts on one blog page, you can add the CSS to the Blog page instead of adding it to the Custom CSS panel. To do this, click the 'gear' icon beside the blog page name in the navigation panel Navigate to Advanced > Page Header Code Injection, and then paste some style tags and paste the CSS in between them: <style> // Place the CSS here </style> Did this help? Please give feedback by clicking an icon below ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment