rena2938 Posted June 14, 2022 Share Posted June 14, 2022 (edited) Site URL: https://www.rena.website/coda Hi all, I noticed that if I insert a code block within a page, it has almost double the amount of padding than a normal text block does (see image for reference). Does anyone know how to reduce the vertical padding for code blocks? Website: https://www.rena.website/coda Edited June 15, 2022 by rena2938 personal info Link to comment
tuanphan Posted June 15, 2022 Share Posted June 15, 2022 Add to Design > Custom CSS div#block-yui_3_17_2_1_1655233745500_29427 { padding-top: 0px; } div#block-629d4dad8b147429740a3580 { padding-bottom: 0; } 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!) Link to comment
rena2938 Posted June 15, 2022 Author Share Posted June 15, 2022 thanks, this worked for the specific block id! Is there any way to do that for all code blocks, without typing each block's ID each time? Link to comment
tuanphan Posted June 15, 2022 Share Posted June 15, 2022 5 hours ago, rena2938 said: thanks, this worked for the specific block id! Is there any way to do that for all code blocks, without typing each block's ID each time? use this code div.code-block { padding-top: 0 !important; } 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!) Link to comment
rena2938 Posted June 15, 2022 Author Share Posted June 15, 2022 This worked perfectly!! Thank you so much tuanpahn!! 😄 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