Easy News Block - Spacing issues - how to fix?
Permalink
I have the Easy News block on our site and I'm having issues with the spacing once they are listed.
www.www.midwestsmokeout.com/news... is the site.
How do I space these out better and change the size of the font, etc?
I'm very new to Concrete and know this is probably a CSS issue, but I'm unsure just HOW to do it.
Thank you,
Jen
www.www.midwestsmokeout.com/news... is the site.
How do I space these out better and change the size of the font, etc?
I'm very new to Concrete and know this is probably a CSS issue, but I'm unsure just HOW to do it.
Thank you,
Jen
Hi Jen, welcome to c5. You'll need to target the appropriate HTML tags with some CSS. Here's how:
I recommend either Firebug for Firefox or enable Developer Tools in Chrome (my preference). These two browser add-ons allow you to 'inspect' (find out the html tags) elements by hovering. Of course, you can always simply just look at the page source to find the tags. Once you find the tags that need to be spaced, simply add them to your css. For example yours are probably the anchor tag and the div, so I'd add the following to the css:
h3.ccm-page-list-title a { margin-bottom: 10px; }
div.ccm-page-list-description { margin-bottom: 20px; }
I recommend either Firebug for Firefox or enable Developer Tools in Chrome (my preference). These two browser add-ons allow you to 'inspect' (find out the html tags) elements by hovering. Of course, you can always simply just look at the page source to find the tags. Once you find the tags that need to be spaced, simply add them to your css. For example yours are probably the anchor tag and the div, so I'd add the following to the css:
h3.ccm-page-list-title a { margin-bottom: 10px; }
div.ccm-page-list-description { margin-bottom: 20px; }
thanks guys! really helpful!
div.ccm-page-list-description {
padding: 18px;
}
It may also be accessible thru the customize menu in the typography.css. Its in the dashboard.
Steve