newyorkinstinct Posted June 21, 2020 Share Posted June 21, 2020 Site URL: https://mandolin-elephant-k8st.squarespace.com/ Hi! Can anyone direct me in disabling the blog post thumbnail URL? I do not want to utilize the blog hyperlinks at all. Please advise. Thank you! Link to comment
derricksrandomviews Posted June 21, 2020 Share Posted June 21, 2020 I take it you only want the read more to work? Text and images do not link? post this in blog page settings advanced code injection. <style> thumbnail-container { pointer-events: none !important; } <style> Link to comment
newyorkinstinct Posted June 21, 2020 Author Share Posted June 21, 2020 19 minutes ago, derricksrandomviews said: I take it you only want the read more to work? Text and images do not link? post this in blog page settings advanced code injection. <style> pointer-events: none; <style> Thanks for the speedy response. I added the coding to the Meek page, but it appears the thumbnail is still clickable and leads to the following URL. https://mandolin-elephant-k8st.squarespace.com/blog/meekmill Link to comment
derricksrandomviews Posted June 21, 2020 Share Posted June 21, 2020 Try this in custom css, remove the other code first from blog page. Your hyperlink url is offsite so it makes a bit trickier. .summary-thumbnail-container { pointer-events: none !important; } Link to comment
newyorkinstinct Posted June 21, 2020 Author Share Posted June 21, 2020 7 minutes ago, derricksrandomviews said: Try this in custom css, remove the other code first from blog page. Your hyperlink url is offsite so it makes a bit trickier. .summary-thumbnail-container { pointer-events: none !important; } Hmmm. That didn't seem to work either. Thumbnail is still clickable. 😕 Link to comment
derricksrandomviews Posted June 22, 2020 Share Posted June 22, 2020 We need to narrow it down a bit: .blog-item-summary-thumbnail-container { pointer-events: none !important; } Link to comment
newyorkinstinct Posted June 24, 2020 Author Share Posted June 24, 2020 On 6/22/2020 at 12:11 AM, derricksrandomviews said: We need to narrow it down a bit: .blog-item-summary-thumbnail-container { pointer-events: none !important; } Hyperlinked thumbnails still active. I do have additional coding in there to remove the arrows in the title. I tried to remove it to see if that was the issue, but it doesn't appear to be. .passthrough-link:after { visibility: hidden; } .blog-item-summary-thumbnail-container { pointer-events: none !important; } Link to comment
tuanphan Posted July 14, 2021 Share Posted July 14, 2021 On 7/13/2021 at 10:46 AM, newyorkinstinct said: Bump Add to Design > Custom CSS /* disable blog thumbnail link */ section.blog-image-wrapper { pointer-events: 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
newyorkinstinct Posted August 23, 2021 Author Share Posted August 23, 2021 Thank you! I just realized that I was using a premium SquareSpace account prior. I've recently downgraded to a personal one, which prohibits me from adding custom CSS. Are there any other alternatives that might simplify/turn off this feature? I am simply looking for a layout/function that just allows several thumbnails with titles. I don't want the option to link to another site within my own site. On 7/14/2021 at 1:16 AM, tuanphan said: Add to Design > Custom CSS /* disable blog thumbnail link */ section.blog-image-wrapper { pointer-events: none; } Link to comment
tuanphan Posted August 26, 2021 Share Posted August 26, 2021 On 8/23/2021 at 9:33 PM, newyorkinstinct said: Thank you! I just realized that I was using a premium SquareSpace account prior. I've recently downgraded to a personal one, which prohibits me from adding custom CSS. Are there any other alternatives that might simplify/turn off this feature? I am simply looking for a layout/function that just allows several thumbnails with titles. I don't want the option to link to another site within my own site. Can you share link to your site? We 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
newyorkinstinct Posted August 27, 2021 Author Share Posted August 27, 2021 On 8/26/2021 at 3:45 AM, tuanphan said: Can you share link to your site? We can check easier Here! Link to comment
tuanphan Posted August 31, 2021 Share Posted August 31, 2021 On 8/28/2021 at 3:36 AM, newyorkinstinct said: Here! Just read again your question. All plan should support custom CSS, include both Trial Plan & Personal Plan. Can you share link to blog page on your site? 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
newyorkinstinct Posted August 31, 2021 Author Share Posted August 31, 2021 18 hours ago, tuanphan said: Just read again your question. All plan should support custom CSS, include both Trial Plan & Personal Plan. Can you share link to blog page on your site? This is the page that lists my work. - https://www.jamesvdinh.com/blog However, I would like to hyperlink the thumbnail image to the link to the article. For instance, I don't want the image to direct to: https://www.jamesvdinh.com/blog/dababy Link to comment
newyorkinstinct Posted September 9, 2021 Author Share Posted September 9, 2021 On 8/30/2021 at 8:23 PM, tuanphan said: Just read again your question. All plan should support custom CSS, include both Trial Plan & Personal Plan. Can you share link to blog page on your site? Bump Link to comment
tuanphan Posted September 12, 2021 Share Posted September 12, 2021 Hi, I think you need to use JS to change thumbnail link. Or you can disable thumbnail with this CSS /* Disable thumbnail link */ section.blog-image-wrapper { pointer-events: 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
newyorkinstinct Posted September 14, 2021 Author Share Posted September 14, 2021 On 9/11/2021 at 10:19 PM, tuanphan said: Hi, I think you need to use JS to change thumbnail link. Or you can disable thumbnail with this CSS /* Disable thumbnail link */ section.blog-image-wrapper { pointer-events: none; } Thank you. That CSS worked! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.