tuanphan Posted November 25 Posted November 25 If CSS code doesn't work, you can send link to page where you use Text Block + exact code you added, I will check again. #A. Text with 2 Columns To create a 2 column text like this example. #1. First, make text italic #2. Find ID of Text Block In my example, it is: #block-yui_3_17_2_1_1732529540567_12005 #3. Use this code to Custom CSS box #block-yui_3_17_2_1_1732529540567_12005 { em { font-style: normal; /* remove italic style */ min-width: 500px; display: inline-block; } @media screen and (max-width:767px) { em { min-width: 200px; } } } #B. Text with 3 Columns To create 3 columns like this. #1. First, make first column Italic, second column bold, third column underline like this #2. Next, find ID of Text Block. Use above tool. In my example, it is: #block-yui_3_17_2_1_1732529540567_12005 #3. Use this code to Custom CSS box #3. Use this code to Custom CSS box #block-yui_3_17_2_1_1732529540567_12005 { p { display: flex; } em, strong, span { font-style: normal; /* remove italic style */ font-weight: normal; /* remove bold style */ text-decoration: none !important; /* remove underline */ min-width: 250px; display: inline-block; } /* bold text */ strong { min-width: 250px; } /* underline text */ span { min-width: 300px; } @media screen and (max-width:767px) { /* italic text */ em { min-width: 100px; } /* bold text */ strong { min-width: 120px; } } } 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment