Spacing Between Header and Lists

  • Resolved eighthmuse

    (@eighthmuse)


    15 years, 1 month ago

    Need help with the space between a header and a list. Too much space is the problem. I’ve hunted for the answer in the WP forums, even bought a CSS/HTML book, but haven’t found the answer. Here’s the code from the CSS style followed by the page I’m trying to fix. Thank you.

    /*
Theme Name: Wasteland
Theme URI: https://the-cloisters.net/themedemos/?SelectedTheme=Wasteland
Description: 5 Column (main content, 2 sidebars and 2 top sections), widget-ready fixed width theme in soothing Creme and Brown colors featuring an author box, author info page, gravatars and highlighted author comments in the comments section along with Custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to WordPress 2.7.
Version: 1.3
Author: Mina
Author URI: https://www.the-cloisters.net/
Tags: 5 column, fixed width, gravatars, widgets, creme, brown, author box, sitemap, archives, 2.7

*/

    [Moderated: Too much code. Please consider placing the code in a text file on your site with a link here -or- use a pastebin service such as https://wordpress.pastebin.com. Thanks!]

    HERE IS THE PAGE I’M TRYING TO CORRECT:

    <h2><span style="color: #008000;"><a><span style="text-decoration: underline;">Stand-Up Comedian</span></a></span></h2>
<h3><a href="#F1">Comedy Clubs</a></h3>

<ul>
Acme Comedy Club, Minneapolis, MN
Barrel of Laughs, Oak Lawn, IL
Broad Ripple Comedy, Indianapolis, IN
Catch a Rising Star, St. Louis, M0
Club Comedy, Milwaukee, WI
Comedy Cabana, Myrtle Beach SC
Comedy Connection, Indianapolis, IN
Comedy Cafe, Milwaukee, WI
Comedy, Comedy, Naperville, IL
Comedy Den, Grand Rapids, MI
Comedy Lift, Omaha, NE
Comedy Stop, Schaumburg, IL
Comedy Womb, Lyons, IL
Connextions, Toledo, OH
Connextions, Lansing, MI
Filly's Comedy Shoppe, Rapid City, SD
Giggles Comedy Club, Germantown, WI
Go Bananas, Cincinnati, OH
Goonies Comedy Club, Rochester, MN
Funny Bone, Davenport, IA
Funny Bone, Des Moines, IA
Funny Bone, Naperville, IL
Funny Bone South Bend, IN
Funseekers, Elmhurst, IL
The Improv, Chicago, IL
Jukebox Comedy Club, Peoria, IL
Laugh Factory, Aurora, IL
Looney Bin, Detroit, MI
Penguins, Cedar Rapids, IA
Pepperoni's, Sioux City, IA
Riddles Comedy Club, Orland Park, IL
Skyline Comedy Cafe, Appleton, WI
Wacko’s, Berwyn, IL
Who’s On First, Elmhurst, IL
Wisecrackers, Merrillville, IN
Zanies, Chicago, IL
Zanies, Mt. Prospect, IL
Zanies, St. Charles, IL
Zanies, Vernon Hills, IL</ul>
<h3><a href="#F1">* </a><a href="#F1">Has Opened For:</a></h3>
<ul>
<a href="#F1">Frank Caliendo
Ellen DeGeneres
Kathleen Madigan
Joe Rogan
Jimmy Walker
Ron White
Last Comic Standing Tour 2003 (Chicago only)</a></ul>
<h3><a href="#F1">Casinos:</a></h3>
<a href="#F1">Bay Mills Golf Resort & Casino, Brimley MI
<ul>
Black Bear Casino, Duluth, MN
Chips-In Island Resort & Casino, Harris, MI
Kewadin Casino, Sault Ste. Marie, MI</ul>
</a>
<h3><a href="#F1">Corporate/Private/Resort Shows:</a></h3>
<ul>
<a href="#F1">Amcore Bank, Baraboo, WI
Beaver Creek Country Club, Beaver Creek, WI
Grand Isle Marina, Grand Haven, MI
Fire Department, New Berlin, WI</a></ul>
<h3><a href="#F1">Festivals:</a></h3>
<ul>
<a href="#F1">Summer Fest 2001, Milwaukee, WI
Summer Fest 2002, Milwaukee, WI</a></ul>
<h3><a href="#F1">Benefits/Charity:</a></h3>
<ul>
<a href="#F1">Wellness Community 1994, Hinsdale, IL
Wellness Community 2000, Hinsdale, IL</a></ul>
<a href="#F1">* club settings</a><a></a>
<h2><span style="color: #008000;"><a><span style="text-decoration: underline;">Comedy Writer</span></a></span></h2>
<h3><a href="F2">Contributed Material /Sold Jokes To:</a></h3>
<a href="#F2">Saturday Night Live, Weekend Update, Dennis Miller
The Tonight Show starring Jay Leno
Lafflines Joke Service, Canada</a>
<h2><span style="color: #008000;"><a><span style="text-decoration: underline;"> Journalist:</span></a></span></h2>
<a>Editor & Publisher, Side Splitters Magazine, Chicago, IL 1999-2002</a>
Viewing 7 replies - 1 through 7 (of 7 total)

  • A link to the actual site/page would probably be more helpful. We could then use tools like Firebug to check things out.

    Thread Starter eighthmuse

    (@eighthmuse)

    https://eighthmuse.com/?page_id=421

    [mod comment: above link fixed]

    Thread Starter eighthmuse

    (@eighthmuse)

    Not sure what the MOD comment means but I’m still looking to get text closer to both h2 and h3, respectively, on the linked page above. I’ve installed Firebug and can see the padding around the elements (20x, I believe) and have tried reducing it to no avail. Any advice?

    Not sure what the MOD comment means

    Probably just a minor error in the link you posted, and Chris_K caught it and fixed it.

    Try adding this under .entry in the main content section of your style sheet and see if it moves the ul in the right direction.

    .entry h3 {padding-bottom: 5px; }

    Thread Starter eighthmuse

    (@eighthmuse)

    Thanks. Tried the directions above but it failed. I put it in the correct place, right? 

    /***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; text-align: center; vertical-align: top; background: #3f3013 url(images/body-bg.jpg) repeat; color: #444; }

#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; }

#main_content { background: #ebe1c8; float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; border: #3f3013 3px double; }
#container { background: #ebe1c8; float: left; width: 530px; margin: 0 10px 0 7px; padding: 0 10px 10px 10px; }
#container_wide { background: #ebe1c8; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

.post { padding: 10px 0 5px 0; }
.post h2 { font-size: 1.5em; margin: 0 0 0 5px; padding-top: 5px; }
.entry { font-size: 1.02em; background: url(images/dot.gif) repeat-x scroll 0pt 100% !important; line-height: 1.42em; padding: 0 0 40px 0; }
.entry h3 {padding-bottom: 5px; }
.postmetadata { margin: 0; font-size: 9px; }
.date {	font-size: .9em; margin-top: -30px; }

#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 0 10px 10px 10px; background: #b3a381; border: #3f3013 1px solid; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2 { padding: 0; margin: 5px 0 5px 0; }

    It seems like it moved it up a little bit. Try this instead, and see if it seems to move the list up closer to the h3;

    .entry h3 {padding:0 10px;}

    I didn’t think that looked too bad using firebug – assuming of course, that I’m actually looking at the same area that you are.

    Thread Starter eighthmuse

    (@eighthmuse)

    Much better !! Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Spacing Between Header and Lists’ is closed to new replies.