[fmck718]

Hi Sakin,
Thanks in large part to you, my site – sorrows.wpengine.com – is really coming along. The homepage is almost final. And soon, we’ll populate the interior pages of the site, and move to launch mode. But, before that, I have a few questions, primarily about the footer area…

1. Within Footer Areas One, Two and Three, I’ve added representative icons that sit above each widget (News links, Calendar and Blog posts, respectively). Is there a way to reduce the padding between the icons and the widgets underneath, so that they look like more of a unit?

2. I’ve added a light blue background to my footer, but I would like to add a yellow top border to this section. Is this possible?

3. Within Footer Area One, I created a menu called “This Week’s News.” My concern is with spacing. The leading between the items is fine, but when a particular item runs onto two lines (e.g. “Update from our Habitat for Humanity Family in Guatemala”), the separation between the two lines makes it look like the second line is a separate item. Is there a tip for reducing the leading on menu items with longer titles?

Thanks for your help.

[Sakin]

1. For space between the widget in footer, you can add the following css in “Appearance => Theme Options => Custom CSS” box.

#footer-sidebar .widget-area .widget {
    margin-bottom: 10px;
}

2. You can add the following css in “Appearance => Theme Options => Custom CSS” box.

#footer-sidebar {
    border-top: 4px solid #f1c400;
}

3. You can add the following css in “Appearance => Theme Options => Custom CSS” box.

#footer-sidebar .widget ul.menu {
    list-style: outside none disc;
    margin-left: 20px;
}

[fmck718]

Awesome! Thank you very much.

[Author]

Posts