[resolved] Customizations in New Twenty Twelve (8 posts)

  1. Pixelcrafters
    Posted 3 years ago #


    This is my site..


    I want to :

    1) Separate the header image so that it shows independently and not with the body ( I want the header image to be separated from body and a few space added in between header & nave, body)

    2) Need to add clickable social icons on the header image

    Any quick help on this would be awesome, thanks

  2. leejosepho
    Posted 3 years ago #

    Nice site!

    I do not know how to do those things, but maybe looking at this site in something like Firebug might help:

  3. Pixelcrafters
    Posted 3 years ago #

    Thanks, needing help desperately !!

  4. Pixelcrafters
    Posted 3 years ago #


    Moved the header image out of body to top, but need thse

    1) How to center it

    2) Add social icons on top of it (on the header image, just like aka image map )

  5. Design Locker
    Posted 3 years ago #

  6. Pixelcrafters
    Posted 3 years ago #

    Thanks that fixed the center issue..

    Now all that i need is to place 4 social icons on top of the image and link it,


  7. Pixelcrafters
    Posted 3 years ago #

    here is how my header.php on child theme looks like

     * The Header for our theme.
     * Displays all of the <head> section and everything up till <div id="main">
     * @package WordPress
     * @subpackage Twenty_Twelve
     * @since Twenty Twelve 1.0
    ?><!DOCTYPE html>
    <!--[if IE 7]>
    <html class="ie ie7" <?php language_attributes(); ?>>
    <!--[if IE 8]>
    <html class="ie ie8" <?php language_attributes(); ?>>
    <!--[if !(IE 7) | !(IE 8)  ]><!-->
    <html <?php language_attributes(); ?>>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width" />
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
    <?php wp_head(); ?>
    <body <?php body_class(); ?>>
    <?php $header_image = get_header_image();
    		if ( ! empty( $header_image ) ) : ?>
    			<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><div align="center"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></div></a>
    		<?php endif; ?>
    <div id="page" class="hfeed site">
    	<header id="masthead" class="site-header" role="banner">
    			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    <nav id="site-navigation" class="main-navigation" role="navigation">
    			<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
    			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
    			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
    		</nav><!-- #site-navigation -->
    	</header><!-- #masthead -->
    	<div id="main" class="wrapper">
  8. Pixelcrafters
    Posted 3 years ago #

    Solved this myself :)

Topic Closed

This topic has been closed to new replies.

About this Topic