livio said Hello, the site is being formed. I would like to reduce the spaces above and below the h1, h2, h3 in general. example. https://www.outdoorticinoriver.it/come-vivere-la-canoa-canadese/come-scegliere-la-canoa-canadese/anatomia-di-una-canoa-canadese/ Grazie.
jeffw said You can do that with some custom CSS. For example… h1, h2, h3, h4, h5, h6 { margin: 12px 0 24px; } Go to Appearance > Theme Options > Custom CSS and add that CSS to your Custom CSS box. Adjust the margins to suit your specific situation. References: https://www.w3schools.com/css/css_margin.asp
livio said Done, but it doesn’t work. The table code yes. table{width: 100%; line-height: 1.5; border: 1px ridge #efefef; text-align: center; background: white; border-collapse: separate; border-spacing: 3px;} td, th{border: 2px solid white; padding: 2px; color: black} th{color: #990000;} tr{background-color: #efefef;} tr:hover{background-color: #dedede;}} h1, h2, h3, h4, h5, h6 { margin: 6px 0 10px; }
jeffw said There is an error in the CSS you posted above. Before the header styles there are two ending curly braces at the end of the tr:hover style… tr:hover{background-color: #dedede;}} That error will prevent any CSS after it from working properly. P.S. To include code in your posts such as shortcodes, HTML, CSS, JavaScript, PHP → please follow the instructions on the forum home page.
