Guest Posted September 15, 2020 Share Posted September 15, 2020 (edited) Site URL: http://www.thecropbox.co.uk I have tags that appear underneath the blog posts on my site, and for some reason there are weird line breaks appearing in the middle of tags. On the first or seccond one usually. Does anyone know why this might be happening or a way I can fix it? I have checked to see if it was the way that the tags were added (was return pressed in the middle of entering the tag) but it doesn't seem to be that. Edited September 15, 2020 by LanaZ Link to comment
tuanphan Posted September 18, 2020 Share Posted September 18, 2020 You mean after the crop box tag? 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
TWBDesign Posted June 9, 2023 Share Posted June 9, 2023 Hi, any idea what might cause this? @tuanphan Link to comment
tuanphan Posted June 11, 2023 Share Posted June 11, 2023 On 6/9/2023 at 6:53 PM, TWBDesign said: Hi, any idea what might cause this? @tuanphan We can't access above site, can you share link to page where you have problem? 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
DD-Kynk101 Posted June 13, 2023 Share Posted June 13, 2023 I'm also having this issue where either a word or even a random few letters will break onto the next line with what seems like no consistency. Is there a code to force a max character count before a word break in the tag box at the end of a blog post? Link to comment
tuanphan Posted June 15, 2023 Share Posted June 15, 2023 On 6/14/2023 at 2:04 AM, diavaldiablo said: I'm also having this issue where either a word or even a random few letters will break onto the next line with what seems like no consistency. Is there a code to force a max character count before a word break in the tag box at the end of a blog post? Can you share link to page where you have problem? 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
DD-Kynk101 Posted June 19, 2023 Share Posted June 19, 2023 On 6/15/2023 at 10:13 AM, tuanphan said: Can you share link to page where you have problem? @tuanphan Sure, here you go!https://kynk101.com/kink-bdsm-facts/discipline Link to comment
tuanphan Posted June 22, 2023 Share Posted June 22, 2023 On 6/20/2023 at 12:01 AM, diavaldiablo said: @tuanphan Sure, here you go!https://kynk101.com/kink-bdsm-facts/discipline You mean this? 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
TWBDesign Posted June 30, 2023 Share Posted June 30, 2023 Hi @tuanphan @LanaZ @diavaldiablo, did you manage to figure out this problem? I'm having the same issue on my site (see this page: https://ndconnection.co.uk/blog/autism-research-june-2023 or screenshot attached). I managed to fix it on general tag blocks on other pages, but not the tags at the end of blog posts. Any help would be much appreciated! Tom Link to comment
Solution paul2009 Posted June 30, 2023 Solution Share Posted June 30, 2023 Firstly, I have to comment on the site itself @TWBDesign It's an amazing example of meaningful content and beautiful, intentional design 👏 👏. I love all of it. Regarding the tags, I was able to fix this with: span.blog-item-tag-wrapper { white-space: nowrap; } Toggling the CSS on and off, did this: Did this help? Please give feedback by clicking an icon below ⬇️ DD-Kynk101, tuanphan and TWBDesign 1 2 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
TWBDesign Posted June 30, 2023 Share Posted June 30, 2023 @paul2009 thank you so much for your kind words, that's really lifted my week 😊 ....and thank you for your simple and elegant code solution to my problem! paul2009 and tuanphan 1 1 Link to comment
DD-Kynk101 Posted September 6, 2023 Share Posted September 6, 2023 On 6/30/2023 at 11:13 AM, paul2009 said: Firstly, I have to comment on the site itself @TWBDesign It's an amazing example of meaningful content and beautiful, intentional design 👏 👏. I love all of it. Regarding the tags, I was able to fix this with: span.blog-item-tag-wrapper { white-space: nowrap; } Toggling the CSS on and off, did this: Did this help? Please give feedback by clicking an icon below ⬇️ Thank you! Link to comment
mata Posted February 19 Share Posted February 19 The solution to this problem works fine in the browser preview, but for me when real world testing on my phone the blog tags would then be in a single line and push the view wider if they went over one line - essentially a no-break kind of setup. I investigated the CSS and went down the stack a level and this worked better, grouping the tag names so they connect and don't break apart in weird places but also not causing another problem on the mobile device itself. .blog-item-tag { white-space: nowrap; } This goes down one level and still captures each tag. Thanks for the solution as it helped me solve my issues. I am not sure if the mobile thing is an iPhone Safari issue but that was what I was testing on. 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