Adding text to write upper title

  • Resolved dotcoug

    (@dotcoug)


    11 years, 2 months ago

    Hello,

    Creating the site, http://www.abrisscorp.com with Twenty Eleven (child-template) and was wondering if someone could help me with a little CSS. I think that’s what I need…

    I have already replaced the site title with the Abriss Corp logo. Now what I would like to do is add the address, phone, and fax in the white space to the right, preferably in text. If placing an image of the address, etc. would be easier, I could do that too.

    If the explanation above is confusing, please see the provided screenshot of where I would like to see the text viewed in the title area. It is the blue circled area: http://abrisscorp.com/wp-content/uploads/2013/01/abriss-header-capture.jpg

    I’m not a guru but I am thinking that the above request can be resolved by modifying the CSS and header.php. I just don’t know how to do it and need someone’s help! Thanks again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • paulwpxp

    (@paulwp)

    11 years, 2 months ago

    @dotcoug

    You are “doing it wrong” hiding the site title’s text and description by not putting it in the markup, becasue title and description is not just there for seeing, but it’s being used for SEO too.

    The site title and description (tagline) under Settings > General must be filled.

    There are many ways to hide text and replace it with logo, but the easiest one is to use theme’s built-in custom header image, just uncheck the “Show header text with your image” then use CSS to style the header image to perform as logo.

    This will keep the title and description there but unseen.

    paulwpxp

    (@paulwp)

    11 years, 2 months ago

    Next

    To add another block of text ( as in your screenshot ) just hardcode it in header.php of your childtheme, probably replacing the area where the searchform is, since you don’t need it anyway.

    Then style this div with CSS, make sure it collapses at certain breakpoint so that it’s readable in small screen (mobile).

    Thread Starter dotcoug

    (@dotcoug)

    11 years, 2 months ago

    Dang! And I thought I was doing so good! 🙂

    Thanks for the SEO heads-up. I added the site-title and description back but when I un-check the box, the entire site-title goes away and just leaves the menu and body. Here is the code that I used to replace the logo.

    <hgroup>
				<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="/wp-content/themes/twentyeleven-child/images/abriss-logo/AbrissCorp-Header.png" alt=" width="800" height="500"/></a></span></h1>
				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
			</hgroup>

    ==========================================
    Good idea using the searchform. That may be a little above my head so I will mess around with it for awhile but may need some help if anyone is interested.

    Thanks!

    Thread Starter dotcoug

    (@dotcoug)

    11 years, 2 months ago

    Issue not resolved but switched to Twenty Ten theme which was a bit more easier to modify for this case.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding text to write upper title’ is closed to new replies.