tomhaining Posted April 5, 2021 Share Posted April 5, 2021 Site URL: http://www.tomhaining.com Hi, I've added custom css to create these border boxes, it is showing perfectly in the editor mode, but the published site is not aligning correctly. #box-outer { float: left !important; width: fit-content !important; text-align: center !important; padding: 0px 0px 0px 0px !important; margin: -16px 0px 32px 0px !important; } #box-inner{ height: 28px; width: fit-content !important; padding: 2px 8px 2px 8px !important; text-align: center !important; text-size: 11px !important; border: 2px solid #000000 !important; box-sizing: border-box !important; border-radius: 15px !important; float: left !important; flex: none !important; margin: 0px 8px 0px 0px !important; } Does anyone have any ideas ? Thanks! Link to comment
Wolfsilon Posted April 5, 2021 Share Posted April 5, 2021 Hello! I think you could adjust the line-height of the "#one h3" element. This should provide a temporary and simple fix. From the looks of it, a line-height of 3.5 should work. Hope this helps! Link to comment
tomhaining Posted April 5, 2021 Author Share Posted April 5, 2021 Hi, thanks for your help, unfortunately it didnt work 😞 Using code: #box-inner h3{ line-height: 3.5; } I changed the id from #one to #box-inner btw Appreciate your help! Link to comment
tomhaining Posted April 5, 2021 Author Share Posted April 5, 2021 I managed to figure something out that im happy with. Thanks for your help! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.