Messages - ayoungblood
1
HTML & CSS / How can I get rid of the vertical space?
« on: August 21, 2010, 11:26:42 AM »
Hi Gang,
I'm having a heck of time getting these social icons on the menu bar to act right. They seem to work but have too much head room making the menu strange looking. Any ideas? I've looked through the several CSS files included with this wordpress theme but there doesn't seem to be a setting for this.
Thanks,
Alan
Here's the URL to the site. http://silverimageweddings.com
Here's the PHP that creates the header.
<?php
global $custom_settings;
/* Allow the overriding of custom settings array on a per post/page basis using custom fields: */
if(is_single() || is_page()) { $post_or_page_id = $post->ID; }
$data = get_post_meta($post_or_page_id, "custom_meta_values", true);
if($data["hide_thumbnail_on_single"])
$custom_settings["layout"]["hide_thumbnail_on_single"] = $data["hide_thumbnail_on_single"];
if($data["columns"])
$custom_settings["layout"]["columns"] = $data["columns"];
/* ------------------------------------------------------------------------------------------- */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title(' - ', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<?php add_action('wp_head', 'add_stylesheets'); ?>
<?php add_action('wp_head', 'add_javascript'); ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="outer">
<div id="main">
<div class="container_12 clearfix">
<div id="header" class="clearfix">
<div class="grid_8">
<div class="logo">
<?php if($custom_settings["logo_text_based"]){ ?>
<h1><a href="<?php bloginfo("url"); ?>"><?php echo $custom_settings["logo_text_based"]; ?></h1>
<?php }else{ ?>
<a href="<?php bloginfo("url"); ?>"><img src="<?php if($custom_settings["logo"]) { echo $custom_settings["logo"]; }else{ echo get_bloginfo('template_directory') . "/images/logo.gif"; } ?>" alt="Logo" />
<?php } ?>
<><!--//logo-->
<><!--//grid2-->
<div class="grid_4">
<?php if($custom_settings["search_disabled"]) { echo "<!-- search disabled-->"; }else{ ?>
<div class="toolbox-horizontal right">
<div id="searchform">
<form action="<?php bloginfo("url"); ?>/" method="get" class="clearfix">
<input type="image" src="<?php bloginfo('template_directory'); ?>/images/search_icon.gif" value="Search" id="searchbutton" class="right" />
<input type="text" value="Search Our Site" name="s" id="s" />
</form>
<>
<><!--//toolbox-->
<?php } ?>
<><!--//grid_10-->
<div class="grid_12">
<div class="menu-horizontal clearfix">
<ul class="sf-menu">
<?php if($custom_settings["dropdown_disabled"]) { $depth = 1; } ?>
<?php $exclude = $custom_settings["menu_exclude"]; ?>
<?php wp_list_pages("title_li=&exclude=".$exclude."&depth=".$depth); ?>
<div class="grid_6">
</ul>
<?php
$social_footer_icons_count = 0;
for($i=0; $i<=10; $i++){
if($custom_settings["social"][$i]["url"] && $custom_settings["social"][$i]["icon"])
{
$social_footer_icons .= "<li><a href='".$custom_settings["social"][$i]["url"]."'><img src='".get_bloginfo("template_directory") ."/images/social_icons/".$custom_settings["social"][$i]["icon"]."' alt='".substr($custom_settings["social"][$i]["icon"],0,-4)."' /></li>";
$social_footer_icons_count++;
}
}
if($social_footer_icons_count > 0)
{
echo "<ul class='clean social softbutton right'>";
echo $social_footer_icons;
echo "</ul>";
}
?>
<><!--// menu-horizontal-->
<><!-- // grid_12-->
<><!--//header-->
I'm having a heck of time getting these social icons on the menu bar to act right. They seem to work but have too much head room making the menu strange looking. Any ideas? I've looked through the several CSS files included with this wordpress theme but there doesn't seem to be a setting for this.
Thanks,
Alan
Here's the URL to the site. http://silverimageweddings.com
Here's the PHP that creates the header.
<?php
global $custom_settings;
/* Allow the overriding of custom settings array on a per post/page basis using custom fields: */
if(is_single() || is_page()) { $post_or_page_id = $post->ID; }
$data = get_post_meta($post_or_page_id, "custom_meta_values", true);
if($data["hide_thumbnail_on_single"])
$custom_settings["layout"]["hide_thumbnail_on_single"] = $data["hide_thumbnail_on_single"];
if($data["columns"])
$custom_settings["layout"]["columns"] = $data["columns"];
/* ------------------------------------------------------------------------------------------- */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title(' - ', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<?php add_action('wp_head', 'add_stylesheets'); ?>
<?php add_action('wp_head', 'add_javascript'); ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="outer">
<div id="main">
<div class="container_12 clearfix">
<div id="header" class="clearfix">
<div class="grid_8">
<div class="logo">
<?php if($custom_settings["logo_text_based"]){ ?>
<h1><a href="<?php bloginfo("url"); ?>"><?php echo $custom_settings["logo_text_based"]; ?></h1>
<?php }else{ ?>
<a href="<?php bloginfo("url"); ?>"><img src="<?php if($custom_settings["logo"]) { echo $custom_settings["logo"]; }else{ echo get_bloginfo('template_directory') . "/images/logo.gif"; } ?>" alt="Logo" />
<?php } ?>
<><!--//logo-->
<><!--//grid2-->
<div class="grid_4">
<?php if($custom_settings["search_disabled"]) { echo "<!-- search disabled-->"; }else{ ?>
<div class="toolbox-horizontal right">
<div id="searchform">
<form action="<?php bloginfo("url"); ?>/" method="get" class="clearfix">
<input type="image" src="<?php bloginfo('template_directory'); ?>/images/search_icon.gif" value="Search" id="searchbutton" class="right" />
<input type="text" value="Search Our Site" name="s" id="s" />
</form>
<>
<><!--//toolbox-->
<?php } ?>
<><!--//grid_10-->
<div class="grid_12">
<div class="menu-horizontal clearfix">
<ul class="sf-menu">
<?php if($custom_settings["dropdown_disabled"]) { $depth = 1; } ?>
<?php $exclude = $custom_settings["menu_exclude"]; ?>
<?php wp_list_pages("title_li=&exclude=".$exclude."&depth=".$depth); ?>
<div class="grid_6">
</ul>
<?php
$social_footer_icons_count = 0;
for($i=0; $i<=10; $i++){
if($custom_settings["social"][$i]["url"] && $custom_settings["social"][$i]["icon"])
{
$social_footer_icons .= "<li><a href='".$custom_settings["social"][$i]["url"]."'><img src='".get_bloginfo("template_directory") ."/images/social_icons/".$custom_settings["social"][$i]["icon"]."' alt='".substr($custom_settings["social"][$i]["icon"],0,-4)."' /></li>";
$social_footer_icons_count++;
}
}
if($social_footer_icons_count > 0)
{
echo "<ul class='clean social softbutton right'>";
echo $social_footer_icons;
echo "</ul>";
}
?>
<><!--// menu-horizontal-->
<><!-- // grid_12-->
<><!--//header-->