WordPress.org

1. cfrobw
   Member
   Posted 1 year ago #

   Hello. I'm trying to remove empty space from my wordpress site.

   crossroadskenner.com

   There is space above the header, below the tool bar and at the bottom of the page.

   I would also like to make the tool bar smaller (not as tall/high), compare my site with http://www.fbckenner.org

   Any ideas?

2. dremeda
   Moderator
   Posted 1 year ago #

   The spacing can be removed with cascading style sheet changes

   To align your header image to the top of the white content wrapper you could do the following:

   #header {
   padding: 0;
   }
   
   #site-title {
   float:left;
   font-size:30px;
   line-height:36px;
   margin:0;
   width:700px;
   }
   
   #site-description {
   clear:right;
   float:right;
   font-style:italic;
   margin:0;
   width:220px;
   }

   If you want to move the whole content wrapper to the top of the screen try:

   #wrapper {
   background:none repeat scroll 0 0 #FFFFFF;
   padding:0 20px;
   }

   Below the tool bar try:

   #main {
   clear:both;
   overflow:hidden;
   padding:10px 0 0;
   }

   For the footer, are you trying to extend to the bottom of the page?

3. cfrobw
   Member
   Posted 1 year ago #

   Thanks, those all worked, along with removing the BR before and after the marquee on the home page which was adding extra space in the middle.

   I want to remove the footer space.

   Also, how can I remove the

   Archives
   ■August 2010
   Meta

   and place "Edit, Site Admin, and Log out" in the footer

   and remove "proudly powered by word press" from the footer?

   crossroadskenner.com

4. cfrobw
   Member
   Posted 1 year ago #

   Also if you look at the daily devotionals page

   http://crossroadskenner.com/?page_id=111

   I want to put the day's Our Daily bread devotional up and the list of the past days devotionals up as they are. The devotionals are tahen from the Our Daily Bread website

   So for example I want to display the November 12, 2010
   More Than Loaves devotional as the first thing on the page so people don't have to click it, then tomorrow I want to display tomorrows devotional without having to go in and change anything.
   Is there a way that I can iframe with todays date variable in the name? href="http://mobi.rbc.org/odb/"+ date variable +".html"

   Thanks

   Rob

Topic Closed

This topic has been closed to new replies.