jonathanduane2010
asked on
putting logo in top container
Hi Guys,
I was wondering how can i put my logo here at http://burgessgalvin.ie/new into the <div id="header-top-container"> over to the left
I have tried editing the header.php by putting http://burgessgalvin.ie/new/wp-content/uploads/2015/05/logo.png into <div id="header-top-left">
but keep getting it wrong
here is the header.php
I was wondering how can i put my logo here at http://burgessgalvin.ie/new into the <div id="header-top-container">
I have tried editing the header.php by putting http://burgessgalvin.ie/new/wp-content/uploads/2015/05/logo.png into <div id="header-top-left">
but keep getting it wrong
here is the header.php
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<?php if(is_front_page() && of_get_option('home_title')): ?>
<title><?php echo of_get_option('home_title'); ?></title>
<?php else: ?>
<title><?php bloginfo('name'); ?> <?php wp_title(' - ', true, 'left'); ?></title>
<?php endif; ?>
<?php if(is_front_page() && of_get_option('home_meta')): ?>
<meta name="description" content="<?php echo of_get_option('home_meta'); ?>" />
<?php endif; ?>
<?php if(of_get_option('favicon')): ?>
<link href="<?php echo of_get_option('favicon'); ?>" rel="shortcut icon" />
<?php endif; ?>
<?php wp_head(); ?>
<?php if(of_get_option('custom_css')): ?>
<?php echo '<style type="text/css">'; ?>
<?php echo of_get_option('custom_css'); ?>
<?php echo '</style>'; ?>
<?php endif; ?>
<?php if(of_get_option('custom_js')): ?>
<?php echo '<script type="text/javascript">'; ?>
<?php echo of_get_option('custom_js'); ?>
<?php echo '</script>'; ?>
<?php endif; ?>
<?php echo '<style type="text/css">'; ?>
/*====================================================
Menu Background Color - Default: #454a52
====================================================*/
header, #header-top .sf-menu li li {background-color:<?php echo of_get_option('menu_bg_color', '#454a52'); ?>; }
/*====================================================
Footer Background Color - Default: #454a52
====================================================*/
footer {background-color:<?php echo of_get_option('footer_bg_color', '#454a52'); ?>;}
/*====================================================
Link Color - Default: #7f7f7f
====================================================*/
a {color:<?php echo of_get_option('link_color', '#7f7f7f'); ?>} /* Default link */
a:hover { color:<?php echo of_get_option('link_color_hover', '#7f7f7f'); ?>} /* Default link:hover*/
/*====================================================
Heading Colors and Sizes - Default: #7f7f7f and Footer #ffffff
====================================================*/
h1, h2, h3, h4, h5, h6 {color:<?php echo of_get_option('heading_color', '#7f7f7f'); ?>;}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {color:<?php echo of_get_option('footer_heading_color', '#ffffff'); ?>;}
h1 { font-size: <?php echo of_get_option('h1_size', '28'); ?>px; }
h2 { font-size: <?php echo of_get_option('h2_size', '24'); ?>px; }
h3 { font-size: <?php echo of_get_option('h3_size', '16'); ?>px; }
h4 { font-size: <?php echo of_get_option('h4_size', '15'); ?>px; }
h5 { font-size: <?php echo of_get_option('h5_size', '13'); ?>px; }
h6 { font-size: <?php echo of_get_option('h6_size', '11'); ?>px; }
/*====================================================
Fonts
====================================================*/
body {font-family:<?php echo of_get_option('body_font', '"Helvetica Neue"'); ?>, Helvetica, Arial, Sans-Serif;}
h1, h2, h3, h4, h5, h6, nav a, ul.tabNavigation, .more-link-slider span, .post-details-slider, .button, .portfolio-details, .blog-details, .blog-pagination, .content-container-base-pagination, .home-page-older {font-family: <?php echo of_get_option('heading_font', '"Lato"'); ?>, Helvetica, Arial, Sans-Serif; }
/*====================================================
Navigation Background and colors
====================================================*/
#navigation-narrow nav, #navigation-narrow .sf-menu li li,
#navigation-wide nav, #navigation-wide .sf-menu li li
{background-color:<?php echo of_get_option('narrow_navigation', '#ffffff'); ?>;}
#navigation-narrow-dark nav, #navigation-narrow-dark .sf-menu li li,
#navigation-wide-dark nav, #navigation-wide-dark .sf-menu li li
{background-color:<?php echo of_get_option('dark_navigation', '#7a7a7a'); ?>;}
<?php echo '</style>'; ?>
</head>
<body <?php body_class(); ?>>
<header>
<div id="header-top-container">
<div id="header-top">
<div id="header-top-left">
<?php
wp_nav_menu(array( 'theme_location' => 'my_top_nav', 'depth' => 2, 'fallback_cb' => false, 'menu_class' => 'sf-menu', 'container' => 'false', 'container_class' => '' ));
?>
</div><!-- close #header-top-left -->
<?php if(of_get_option('header_icons', 'yes') == 'yes'): ?>
<div id="header-top-right">
<div class="social-icons">
<?php if(of_get_option('twitter_id')): ?>
<a href="<?php echo of_get_option('twitter_id'); ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social-icons/twitter.png" alt="" class="transparent" /></a>
<?php endif; ?>
<?php if(of_get_option('facebook_link')): ?>
<a href="<?php echo of_get_option('facebook_link'); ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social-icons/facebook.png" alt="" class="transparent" /></a>
<?php endif; ?>
<?php if(of_get_option('tumblr_link')): ?>
<a href="<?php echo of_get_option('tumblr_link'); ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social-icons/tumblr.png" alt="" class="transparent" /></a>
<?php endif; ?>
<?php if(of_get_option('dribbble_link')): ?>
<a href="<?php echo of_get_option('dribbble_link'); ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social-icons/dribbble.png" alt="" class="transparent" /></a>
<?php endif; ?>
<?php if(of_get_option('skype_id')): ?>
<a href="<?php echo of_get_option('skype_id'); ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social-icons/skype.png" alt="" class="transparent" /></a>
<?php endif; ?>
<?php if(of_get_option('vimeo_channel')): ?>
<a href="<?php echo of_get_option('vimeo_channel'); ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social-icons/vimeo.png" alt="" class="transparent" /></a>
<?php endif; ?>
<?php if(of_get_option('youtube_channel')): ?>
<a href="<?php echo of_get_option('youtube_channel'); ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social-icons/youtube.png" alt="" class="transparent" /></a>
<?php endif; ?>
<?php if(of_get_option('email_address')): ?>
<a href="mailto:<?php echo of_get_option('email_address'); ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social-icons/email.png" alt="" class="transparent" /></a>
<?php endif; ?>
</div>
</div><!-- close #header-top-right -->
<?php endif; ?>
<div class="clearfix"></div>
</div><!-- close #header-top -->
</div><!-- close #header-top-container -->
<div id="header-gradient">
<div id="header-logo-container">
<div id="logo"><a href="<?php echo site_url(); ?>"><img src="<?php echo of_get_option('logo', get_template_directory_uri() . "/images/logo.png"); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a></div>
<table style="width: 920px; height: 23px;" border="0">
<tbody>
<tr>
<td></td>
<td>E<a href="mailto:info@burgessgalvin.ie?Subject=Hello%20again" target="_top">: info@burgessgalvin.ie</a></td>
<td></td>
</tr>
<tr>
<td>Jamestown Road, Finglas, Dublin 11</td>
<td>T:+353 1 834 2255</td>
<td>Company Number: 297018</td>
</tr>
<tr>
<td>Ireland</td>
<td>F:+353 1 836 1399</td>
<td> VAT No: IE 8297018B</td>
</tr>
</tbody>
</table>
<?php
if(of_get_option('display_searchbox', 'yes') == 'yes'):
?>
<div id="header-logo-right">
<form method="get" class="searchform" action="<?php echo site_url(); ?>">
<label for="s" class="assistive-text"><?php _e('Search','progressionstudios'); ?></label>
<input type="text" class="field" name="s" id="s" placeholder="<?php _e('Search','progressionstudios'); ?>" />
<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php _e('Search','progressionstudios'); ?>" />
</form>
</div><!-- close #header-logo-right -->
<?php
elseif(of_get_option('display_searchbox', 'yes') == 'ad'):
?>
<div id="header-logo-right">
<div class="advertisement">
<?php echo of_get_option('header_ad_code'); ?>
</div>
</div><!-- close #header-logo-right -->
<?php
endif;
?>
<div class="clearfix"></div>
</div><!-- close #header-logo-container -->
<div id="navigation-<?php echo of_get_option('navigation_style','narrow'); ?>">
<nav>
<?php
wp_nav_menu(array( 'theme_location' => 'my_main_nav', 'depth' => 4, 'fallback_cb' => false, 'menu_class' => 'sf-menu', 'container' => 'false', 'container_class' => '' ));
?>
<div class="clearfix"></div>
</nav>
</div><!-- close #navigation-narrow -->
</div><!-- close #header-gradient -->
</header>
<div id="main" role="main">
<div id="main" role="main">
Change this line.
to
And here is the output:
<div id="logo"><a href="<?php echo site_url(); ?>"><img src="<?php echo of_get_option('logo', get_template_directory_uri() . "/images/logo.png"); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a></div>
to
<div id="logo"><a href="<?php echo site_url(); ?>"><img src="http://burgessgalvin.ie/new/wp-content/uploads/2015/05/logo.png" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a></div>
And here is the output:
ASKER
thanks Nathan, but i am trying to get the logo in the same container as the social icons, but aligned to the left?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
www.YOUR-SITE.com/wp-content/ themes/YOUR-THEME/images/l