• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 548
  • Last Modified:

Footer Sitemap CSS Problems

http://kennedycatholic.org/new/

See on the bottom how in the purple background, I manually typed in the sitemap?  As you can see below the purple footer, there is another sitemap which is actually a plugin I am usicng in Wordpress to generate a footer sitemap.  How can I get it to display like the manual one?

Thanks.
0
RiemenDesign
Asked:
RiemenDesign
  • 2
1 Solution
 
Researcher37Commented:
What plugin is it?

Obviously, the content is different in those two, so are we talking just styling, or content as well?
0
 
RiemenDesignAuthor Commented:
Yeah my footer was manual and the pages have changed.  Basically, I want that layout.

here is the CSS that comes with the plugin:


<style type="text/css">
<!--

#testdiv {
}

body {padding-bottom:0px!important;margin-bottom:0px!important;}
#wrapper {padding-bottom:0px!important;margin-bottom:0px!important;}

#footersitemap {
background:#EAEAEA url(../images/footer-bg.gif) no-repeat scroll center top;
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px;
clear:both;
color:#607889;
font-family:lucida grande,"Lucida Grande",sans-serif;
margin:0 auto;
overflow:auto;
padding:30px 0 20px;
text-align:center;
width:950px;
font-size:12px;
color:#607889!important;
bottom:0px;
line-height:170%!Important;
margin-top:10px!important;
-webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;

 
         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;


         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
}

#footersitemap label {color:#607889;}


#sitemapfooter {
color:#BBBBBB;
padding:none!important;
text-align:none!important;
padding:10px!important;
}

#footersitemap dt {
font-weight:bold;
}

#sitemapfooter-nav li  {
list-style-type:none!important;
}

#sitemapfooter-nav li a {
text-decoration:none!important;
color:#888!important;
}
#sitemapfooter-nav li a:hover {
color:#1FB3DD!important;
}

#sitemapfooter-nav {
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  overflow-x:visible;
  overflow-y:visible;
  padding-left:3%;
width:100%;
float:left;
}

#sitemapfooter-pages, #sitemapfooter-cats, #sitemapfooter-archives {
  display:inline;
  float:left;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:5%;
  padding-right:0%;
  padding-top:0;
text-align:left;
}

#sitemapfooter-legal {
font-size:10px;
margin:0 auto;
padding-left:0px;
text-align:left;
color:#888!important;
}
#sitemapfooter-copyright {
float:left;
margin:0 0 22px;
padding-left:0px;
width:29%;
color:#888!important;
}

#sitemapfooter * p {
  font-size:11px;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  text-align:left;
}
#sitemapfooter-logo {
float:right;
margin:0;
padding:0 20px 0 0;
text-align:center;
width:23%;
font-size:12px;
}

#sitemapfooter-logo img {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}

-->
</style>

Open in new window

0
 
Researcher37Commented:
Looking at the plugin, it might be harder than it's worth.

You might need to edit the php code that the plugin uses to generate the content.

The plugin automatically puts pages in the left column, categories in the next column, then archives...
All your content down the left side is pages, so the plugin puts it in the pages area as noted on the css

With that said, are all your items on the left actually wordpress pages? Some could be converted to categories, which the plugin then might sort better (not wanting to get  much of the difference between pages, categories and tags.

Sorry I can't be of more help!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Microsoft Exchange Server

The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now