ReganA Posted March 22, 2022 Share Posted March 22, 2022 Site URL: http://www.found-hired.com I am looking to make the summary blocks the same height I am currently using some code to make the summary look how it is at the moment however I am struggling to get the blocks all the same height. I would like if possible, for the excerpt to be cut off if it extends past a certain point so they all line up nicely. Any suggestions? Link to comment
Solution tuanphan Posted March 24, 2022 Solution Share Posted March 24, 2022 Add to Design > Custom CSS /* Equal summary block height */ @media screen and (min-width:992px) { div#block-yui_3_17_2_1_1646742740261_7958 .summary-excerpt.summary-excerpt-only { min-height: 120px; } } ReganA 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
ReganA Posted March 24, 2022 Author Share Posted March 24, 2022 Thanks for this mate, worked a treat, I just need to sort out some spacing issues now but the code is great! Link to comment
tuanphan Posted March 26, 2022 Share Posted March 26, 2022 On 3/24/2022 at 6:34 PM, ReganA said: Thanks for this mate, worked a treat, I just need to sort out some spacing issues now but the code is great! Hi. Which spacing? Can you take a screenshot? 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
dnmddy Posted May 19, 2022 Share Posted May 19, 2022 @tuanphan I'm fixing the height on my summary grid as well and wondering if you can help align the excerpt to the bottom of the block so the variable space is between the excerpt and the meta data/title? Link to comment
tuanphan Posted May 20, 2022 Share Posted May 20, 2022 On 5/20/2022 at 12:42 AM, dnmddy said: @tuanphan I'm fixing the height on my summary grid as well and wondering if you can help align the excerpt to the bottom of the block so the variable space is between the excerpt and the meta data/title? Can you share link to page where you use summary? 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
dnmddy Posted May 23, 2022 Share Posted May 23, 2022 On 5/20/2022 at 7:41 PM, tuanphan said: Can you share link to page where you use summary? We can check easier of course: https://vc3.squarespace.com/clients-grid password: notyet Link to comment
tuanphan Posted May 24, 2022 Share Posted May 24, 2022 16 hours ago, dnmddy said: of course: https://vc3.squarespace.com/clients-grid password: notyet Use this code div#page-section-6286620aa09a760a1808b080 .summary-excerpt.summary-excerpt-only { position: absolute; bottom: 0; } dnmddy 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
dnmddy Posted May 24, 2022 Share Posted May 24, 2022 7 hours ago, tuanphan said: Use this code div#page-section-6286620aa09a760a1808b080 .summary-excerpt.summary-excerpt-only { position: absolute; bottom: 0; } thank you @tuanphan! Do you know if it's possible to make the entire block link to the post? Link to comment
tuanphan Posted May 25, 2022 Share Posted May 25, 2022 11 hours ago, dnmddy said: thank you @tuanphan! Do you know if it's possible to make the entire block link to the post? With Personal Plan, you can enable read more, then I will give code to make link cover whole box + make read more transparent With Business Plan, let me know, I will give code to make title link cover whole box dnmddy 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
dnmddy Posted May 25, 2022 Share Posted May 25, 2022 12 hours ago, tuanphan said: With Personal Plan, you can enable read more, then I will give code to make link cover whole box + make read more transparent With Business Plan, let me know, I will give code to make title link cover whole box That's great! Business plan solution, please! Link to comment
tuanphan Posted May 26, 2022 Share Posted May 26, 2022 20 hours ago, dnmddy said: That's great! Business plan solution, please! Add to Last Line in Code Injection > Footer <script> $("div#block-5f739344ad87578c7e22 .summary-item").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); </script> <style> div#block-5f739344ad87578c7e22 .summary-item:hover { cursor: pointer; } </style> dnmddy 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
dnmddy Posted May 31, 2022 Share Posted May 31, 2022 On 5/26/2022 at 6:19 AM, tuanphan said: Add to Last Line in Code Injection > Footer <script> $("div#block-5f739344ad87578c7e22 .summary-item").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); </script> <style> div#block-5f739344ad87578c7e22 .summary-item:hover { cursor: pointer; } </style> This is working except it's making the whole summary item link to the map link instead of the title/post. I am using the location field for displaying the city/state, but I dont want it or anything to link to a map. Can the JS be changed to pull the title link for the whole item instead of the map link? Link to comment
tuanphan Posted June 1, 2022 Share Posted June 1, 2022 15 hours ago, dnmddy said: This is working except it's making the whole summary item link to the map link instead of the title/post. I am using the location field for displaying the city/state, but I dont want it or anything to link to a map. Can the JS be changed to pull the title link for the whole item instead of the map link? You can remove the code. Then we will check it again dnmddy 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
dnmddy Posted June 1, 2022 Share Posted June 1, 2022 5 hours ago, tuanphan said: You can remove the code. Then we will check it again removed it Link to comment
tuanphan Posted June 12, 2022 Share Posted June 12, 2022 Try this new code <script> $("div#block-5f739344ad87578c7e22 .summary-item").click(function(){ window.location=$(this).find(".summary-title-link").attr("href"); return false; }); </script> <style> div#block-5f739344ad87578c7e22 .summary-item:hover { cursor: pointer; } </style> dnmddy 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
dnmddy Posted June 13, 2022 Share Posted June 13, 2022 Thank you @tuanphan that works perfectly tuanphan 1 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