marsh Posted May 24, 2016 Share Posted May 24, 2016 I'm looking to to add a colored square around blocks of text to act as a border for those sections. Is there any custom CSS/MarkDown script that could achieve this? If possible, it would be great to have this happen around multiple blocks as well (for pairing a description with a video, etc). Thanks. Link to comment
Guest Posted May 27, 2016 Share Posted May 27, 2016 The easiest way to do that would be to add a Code Block, which you can then style in the CSS Editor. Try adding something like this to a Code Block, replacing class-name with your own class name: <div class = "class-name"> This is the text inside the code block. </div> Then, you can style it in the CSS Editor by going to Design > Custom CSS and entering something like this: .class-name { text-align: center; font-family: arial; font-size: 20px; padding: 20px; border: 3px solid red; } You can replace the values in this as appropriate, but this would give you something along the lines of: To set up multiple Code Blocks this way, just give each one the same class name. In terms of the CSS, these links are also good for reference: http://www.w3schools.com/css/css_margin.asp http://www.w3schools.com/css/css_border.asp Hope this helps! Link to comment
kristenbarrios Posted August 15, 2018 Share Posted August 15, 2018 @HarryBrown This is great! You're a legend. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.