WordPress.org

Ready to get started?Download WordPress

Forums

CCS (4 posts)

  1. danielriley200965
    Member
    Posted 1 year ago #

    Ok so I am encountering a conundrum with a project that I have on some websites. I have custom themes that the site was built on and I am attempting to add the words "Free Consultation" .png style to the left header directly across from the phone number. How would I go about doing that? Here is the website:

    Website

    And here is the header.php file:

    <?php
    
    /**
    
     * The Header for our theme.
    
     *
    
     * Displays all of the <head> section and everything up till <div id="main">
    
     *
    
     * @package WordPress
    
     * @subpackage Twenty_Ten
    
     * @since Twenty Ten 1.0
    
     */
    
    ?><!DOCTYPE html>
    
    <html <?php language_attributes(); ?>>
    
    <head>
    
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    
    <title><?php
    
    	/*
    
    	 * Print the <title> tag based on what is being viewed.
    
    	 */
    
    	global $page, $paged;
    
    	wp_title( '|', true, 'right' );
    
    	// Add the blog name.
    
    	bloginfo( 'name' );
    
    	// Add the blog description for the home/front page.
    
    	$site_description = get_bloginfo( 'description', 'display' );
    
    	if ( $site_description && ( is_home() || is_front_page() ) )
    
    		echo " | $site_description";
    
    	// Add a page number if necessary:
    
    	if ( $paged >= 2 || $page >= 2 )
    
    		echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );
    
    	?></title>
    
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    
    <?php
    
    	/* We add some JavaScript to pages with the comment form
    
    	 * to support sites with threaded comments (when in use).
    
    	 */
    
    	if ( is_singular() && get_option( 'thread_comments' ) )
    
    		wp_enqueue_script( 'comment-reply' );
    
    	/* Always have wp_head() just before the closing </head>
    
    	 * tag of your theme, or you will break many plugins, which
    
    	 * generally use this hook to add elements to <head> such
    
    	 * as styles, scripts, and meta tags.
    
    	 */
    
    	wp_head();
    
    ?>
    
    </head>
    
    <body <?php body_class(); ?>>
    
    <div id="wrapper" class="hfeed">
    
    <div class="phone"><img src="/wp-content/uploads/2012/12/2.png"></div>
    
    	<div id="header">
    
    		<div id="masthead">
    
    			<div id="branding" role="banner">
    
    				<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
    
    				<<?php echo $heading_tag; ?> id="site-title">
    
    					<span>
    
    						<a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="/wp-content/themes/amstar/images/west-palm-beach-loan-modification-logo.png"></a>
    
    					</span>
    
    				</<?php echo $heading_tag; ?>>
    
    <div id="access" role="navigation">
    
    			  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
    
    				<div class="skip-link screen-reader-text"><a href="#content">"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
    
    				<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
    
    				<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
    
    			</div><!-- #access -->		
    
    <div class="vd">
    
    <div class="vdwrapper">
    
     <?php echo do_shortcode( "[anything_slides]" ); ?>
    
    </div>
    
    </div>
    
    			</div><!-- #branding -->
    
    		</div><!-- #masthead -->
    
    	</div><!-- #header -->
    
    	<div id="main">

    [Moderator Note: Please post code or markup snippets between backticks or use the code button. Or better still - use a pastebin. As it stands, your posted code may now have been permanently damaged/corrupted by the forum's parser.]

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Can you post a working link to your site? The one you posted goes to this page. Also please see this re: posting code:

    http://codex.wordpress.org/Forum_Welcome#Posting_Code

  3. danielriley200965
    Member
    Posted 1 year ago #

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You would need to add the following line of code just above the phone number line of code:

    <div class="freeconsult"><img src="/wp-content/uploads/2012/12/IMAGENAME.png"></div>
    
    <div class="phone"><img src="/wp-content/uploads/2012/12/2.png"></div>

    Obviously, use the actual image name in place of "IMAGENAME" and use lowercase letters. And make sure the image path is correct for where it's uploaded to.

    Then you may also need to add to your CSS to adjust the exact spacing:

    .freeconsult {
        padding: ?? ;
    }

    See how that works.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.