I'm working on formatting a summary block (list layout) on the Anya (Bedford) template, and I ran into a snag. I'm trying to reduce the space between items (in this case, titles, because I'm not using anything else), and I used the following CSS:
.summary-block .summary-item {
margin-top: -30px !important;
}
.summary-block{
margin-bottom:-30px !important;
}
When I had the custom CSS window open, everything looked exactly like I wanted it to. Then I saved it and refreshed the page, and they're showing up far apart again. The code is still there.
Any advice? (For what it's worth, I tried it both with and without the !important.)
http://livingspiritumc.org/sample-blog