hello_studiofrey Posted June 22 Share Posted June 22 (edited) Hello I would like to structure our resume text box so that there is a space between the years and the description as in the attached image. Could someone please tell me if this is possible? If I create two separate text fields, it doesn't work in mobile view. Thank you very much! (https://www.mulle-legal.ch/ueber-mich) Edited June 22 by hello_studiofrey Link to comment
tuanphan Posted June 23 Share Posted June 23 Can you make description italic? We can give code to achieve this (we will give code to remove italic then) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hello_studiofrey Posted June 26 Author Share Posted June 26 Hello @tuanphan Thank you for your reply. I just made the descriptions italic. Link to comment
tuanphan Posted June 27 Share Posted June 27 Try adding to Design > Custom CSS @media screen and (min-width:768px) { div#block-117987cac4fb9d9629f7 span { float: left; min-width: 130px; } div#block-117987cac4fb9d9629f7 em { font-style: normal; }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hello_studiofrey Posted June 27 Author Share Posted June 27 Hello @tuanphan Thank you very much for the code. It works like a charm in a desktop view but in a mobile view the text is the same like before in italic. Any ideas how to fix that? Thank you very much! Natasa Link to comment
tuanphan Posted June 27 Share Posted June 27 58 minutes ago, hello_studiofrey said: Hello @tuanphan Thank you very much for the code. It works like a charm in a desktop view but in a mobile view the text is the same like before in italic. Any ideas how to fix that? Thank you very much! Natasa Use this new code div#block-117987cac4fb9d9629f7 em { font-style: normal; } @media screen and (min-width:768px) { div#block-117987cac4fb9d9629f7 span { float: left; min-width: 130px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hello_studiofrey Posted June 27 Author Share Posted June 27 Thank you very much @tuanphan ! Link to comment
hello_studiofrey Posted June 28 Author Share Posted June 28 (edited) Hello @tuanphan, I have one more question - would it be possible, that the description text which goes over two lines always starts at same point like the first line? Please see the screenshot attached. I marked the starting point with the red line. Thank you very much for your help! Natasa Edited June 29 by hello_studiofrey adding image Link to comment
hello_studiofrey Posted June 30 Author Share Posted June 30 Hello @tuanphan I have one more question - would it be possible, that the description text which goes over two lines always starts at same point like the first line? Please see the screenshot attached. I marked the starting point with the red line. Thank you very much for your help! Natasa Link to comment
tuanphan Posted July 1 Share Posted July 1 Did you use Shift Enter when enter new line? Because you used that, so difficult to solve problem. See this video You can recreate the text, and use Enter to break the line Then make first text bold - next italic Then let me know, we will check & give the new code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hello_studiofrey Posted July 2 Author Share Posted July 2 Hello @tuanphan I just did all the adjustments you asked for. Thank you again for you help! Natasa Link to comment
Solution tuanphan Posted July 3 Solution Share Posted July 3 21 hours ago, hello_studiofrey said: Hello @tuanphan I just did all the adjustments you asked for. Thank you again for you help! Natasa Use this new CSS code @media screen and (min-width:768px) { div#block-117987cac4fb9d9629f7 p:not(:first-child) { margin-top: 5px; margin-bottom: 5px; display: flex; } div#block-117987cac4fb9d9629f7 p:not(:first-child) em { font-style: normal !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hello_studiofrey Posted July 3 Author Share Posted July 3 Amazing! Thank you so much @tuanphan ! 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