hilaryb Posted February 17 Share Posted February 17 "text wrap" may not be the correct term, but I am having trouble with some text lines breaking up in un-natural places, depending on browser window size. I need help creating code that will stop this from happening, whatever that looks like. Public site: http://hilarybeckwith.com Link to comment
ReformDesign Posted February 17 Share Posted February 17 Try adding this to Custom CSS. You may have two tweak the font size properties. The first font size applies to desktop. The second applies to tablets & phones. #block-yui_3_17_2_1_1676657096961_9238, #block-11d51f4bc5da4b443af7, #block-b9ab9ab5f2feed324232 h4 { font-size: 3.5rem !important; } @media screen and (max-width:1140px) { #block-yui_3_17_2_1_1676657096961_9238, #block-11d51f4bc5da4b443af7, #block-b9ab9ab5f2feed324232 h4 { font-size: 2.5rem !important; } } Link to comment
ReformDesign Posted February 17 Share Posted February 17 Actually, I think you can combine the code like so: //***Homepage Font Sizing***// #block-yui_3_17_2_1_1676657096961_9238, #block-11d51f4bc5da4b443af7, #block-b9ab9ab5f2feed324232 h4 { font-size: 3.5rem !important; @media screen and (max-width:1140px) { font-size: 2.5rem !important; } } Link to comment
hilaryb Posted February 17 Author Share Posted February 17 2 hours ago, ReformDesign said: Actually, I think you can combine the code like so: //***Homepage Font Sizing***// #block-yui_3_17_2_1_1676657096961_9238, #block-11d51f4bc5da4b443af7, #block-b9ab9ab5f2feed324232 h4 { font-size: 3.5rem !important; @media screen and (max-width:1140px) { font-size: 2.5rem !important; } } This did not work to resolve the splitting. I recall this happening to other text within my page (although I can't rememebr where, or find the coding in my CSS), and the solution was not to do with "rem". Link to comment
tuanphan Posted February 21 Share Posted February 21 Which screen size do you see problem? It looks fine to me 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
hilaryb Posted February 21 Author Share Posted February 21 10 hours ago, tuanphan said: Which screen size do you see problem? It looks fine to me It just depends on the window size. If the window size is shrunk down, the words split 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