oxmoserecords Posted March 23, 2020 Share Posted March 23, 2020 Site URL: https://kazoo-bulldog-snp5.squarespace.com/ Hi everyone, I am creating a new website via Squarespace platform. The template is Brine Family 7.0.https://kazoo-bulldog-snp5.squarespace.com/Password to access is: 1234 I would like to add a feature of “read more” for the text paragraph of the website. In order to not display full text of the page - the user can read more by clicking if needed. An example I used to have this custom feature on our current site:http://www.oxmose.com/catalogue?ref=landing Read more → ← CloseI can add some custom element on Squarespace with some code insert for that. Do you have any code suggestion for that? Thanks a lot for your kind help! Link to comment
oxmoserecords Posted March 25, 2020 Author Share Posted March 25, 2020 Thank you for your help tuanphan. Now this is still in trial until I will get the subscription but I would like to finish the website at first. I will be using Business plan. Can we use another language rather than JavaScript to do this same "read more" feature? 🙂 Link to comment
oxmoserecords Posted March 26, 2020 Author Share Posted March 26, 2020 Thank you again tuanphan Do you have any code suggestion to do this feature with CSS? 🙂 Link to comment
oxmoserecords Posted March 27, 2020 Author Share Posted March 27, 2020 Or if anyone can suggest some CSS for that that would be greatly appreciated 🙂 Thank you for your help! Link to comment
tuanphan Posted March 28, 2020 Share Posted March 28, 2020 4 hours ago, oxmoserecords said: Or if anyone can suggest some CSS for that that would be greatly appreciated 🙂 Thank you for your help! Brine supports read more link. Have you checked this yet? https://support.squarespace.com/hc/en-us/articles/205813758-Using-blog-excerpts 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
oxmoserecords Posted March 28, 2020 Author Share Posted March 28, 2020 Thank you tuanphan for your help. I have reviewed the link and this is only for blog articles. > However I would like to do it for a standard text paragraph. This is why I was thinking about some CSS code 🙂 Link to comment
tuanphan Posted March 30, 2020 Share Posted March 30, 2020 You can use Code Block with these HTML+CSS Link code: https://codepen.io/khunglong/pen/BaNMBvp 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
oxmoserecords Posted April 2, 2020 Author Share Posted April 2, 2020 tuanphan, thanks again for your help! I have updated with the new code. You can see it here: https://plum-octahedron-jxxd.squarespace.com/catalogue Password is: 1234 Can you please revert the old code? Now the "show less" mention is static at the same place after the paragraph, on the same line while it should go below the paragraph that appears, at the next line. + the following mentions should be simple text in bold / clickable - no there is not mouse cursor/pointer anymore to show that it's clickable.Read more →← Close The best example to give you an idea is to make this look and feel and behavior of feature read more:www.oxmose.com/catalogue Please let me know if this is not clear 🙂 Link to comment
tuanphan Posted April 5, 2020 Share Posted April 5, 2020 try again with this code https://codepen.io/khunglong/pen/BaNMBvp 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.