jcny85 Posted March 9 Share Posted March 9 Hi there. I am trying to create something like in the attached image, except instead of the yellow lines being separate, i would like to have one, single vertical line that spans the height of the text next to it. Can anyone help with this? Thank you! Link to comment
tuanphan Posted March 13 Share Posted March 13 We can use CSS code border to achieve this You can share link to page where you added text, I can give you code & quick instruction to apply for next case 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
jcny85 Posted March 26 Author Share Posted March 26 Hi there! Sorry for the slow response, and thank you for your help! Here is the URL: https://www.jconstantino.net/-cv As you can see, right now I'm only using the. yellow line on one line of text -- that's because I cannot figure out how to achieve what i"m looking for. So thank you again! Link to comment
tuanphan Posted March 29 Share Posted March 29 On 3/26/2024 at 8:57 PM, jcny85 said: Hi there! Sorry for the slow response, and thank you for your help! Here is the URL: https://www.jconstantino.net/-cv As you can see, right now I'm only using the. yellow line on one line of text -- that's because I cannot figure out how to achieve what i"m looking for. So thank you again! Add to these lines? 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
jcny85 Posted March 29 Author Share Posted March 29 Yes! I'd like to have one solid line span all 4 rows of text Link to comment
E-W Posted March 29 Share Posted March 29 (edited) 7 hours ago, jcny85 said: Yes! I'd like to have one solid line span all 4 rows of text You can use the block ID for each text block you want to add a line to like this: #block-yui_3_17_2_1_1709866571145_2265{ border-left: 1px solid #F3C014; } Edited March 29 by E-W 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