I'm trying to create 3 columns in the footer instead of 4 like the default template. Found what looked like the right fix here in the support forum: Out Work Section on Home Page
That only made a shambles of my footer. Tiny font in both titles and content. You can't even read it! This has something to do with the last directive for changing the code in the style.css. Before I followed that part of the instructions, my titles were the right size and the columns were just about readable as far as font size and link titles go. Not real happy with the default link color. Thats another issue I must solve in this client's footer.
How did it go from what it was to this mess???? Client Site Preview. It took away the dark area behind the content for 'Why Avisio' or in this case, my client's Why Content. Then the code from the linked support thread totally messed up the top footer too. What happened??!!
I can put back the original style.css code, but that doesn't solve my problems. There doesn't appear to be a huge difference from the Avisio code in this part of the style sheet to the code that was given in the support thread. Obviously it isn't compatible at all with this design.
I need the columns to be different widths. Column 1 & 2 need to be narrower than Column 3 which should have thumbnails of the posts from the client's blog offsite RSS feed.... but I haven't gotten that far, yet.
Help! I need it to look like the Avisio footer but with 3 columns taking up the expanse and not crammed to the left of the container. Following the code suggested, right now it looks like this...
.social_bookmarks li {
float:left;
margin:0 7px 0 0;
width:16px;
}
#top .footer .column1, column2 {
overflow:hidden;
float:left;
position: relative;
margin-right:40px;
width:187px;
font-size:11px;
line-height: 19px;
}
#top .footer .column3 {
width:424px;
font-size: 11px;
line-height: 19px;
}
#top .footer .column3 h4 {
font-size: 20px;
}
.footer .entry a:hover img {
padding:3px;
So how do I fix these issues with the font sizes? And where do I find the colors for the widget titles in the footer and the links? They are hard to read on this background color.
It would be awesome to get this right - finishing this client's project is a huge immediate priority.
Thanks :)














