• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

A phonenumber in the header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › A phonenumber in the header

This topic is: resolved
  • This topic has 12 replies, 2 voices, and was last updated 13 years, 3 months ago by jlo2013.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 26, 2013 at 6:34 am #22879
    jlo2013
    Member

    Hi I am creating a site in the Agency theme. for the logo I have created a .png image size: 960 x 115 pixels.

    I use WordPress: 3.5

    I could ad a phonenumber in the .png-file but I would like to have it as text in the header file so that you can call the nuber directly from a phone. I have the menu as a widget. I tryed to ad the phonenumber as a text widget next to it, but it does not fit. Is it possible to ad a phonenumber as text in the upper-right-corner?

    Thanks,

    Johanna

    February 26, 2013 at 10:42 am #22926
    Hard Boiled Greg
    Member

    Hi Johanna,

    Anything's possible ๐Ÿ™‚ All of the elements you are mentioning can be re-sized in your CSS file. What can fit is only limited by the width of the page (and that can be re-sized too!)

    If you would like to post a link to your site, perhaps I can help you with some specific CSS code to achieve the final look you are after.

    Take care,

    Hard Boiled Greg


    Website: Hard Boiled Greg Twitter: @hbgreg

    February 26, 2013 at 3:57 pm #22978
    jlo2013
    Member
    This reply has been marked as private.
    February 26, 2013 at 4:04 pm #22979
    Hard Boiled Greg
    Member

    Hi Johanna,

    Go ahead and add the phone number to a text widget in the header area below the WordPress menu widget. I'll then help you with the CSS to fit them beside each other.

    HBG


    Website: Hard Boiled Greg Twitter: @hbgreg

    February 26, 2013 at 4:11 pm #22980
    jlo2013
    Member

    Hi Greg,

    Now I have added the phonenumber (i made a frame aroud it to test..)

    // Johanna

    February 26, 2013 at 4:16 pm #22984
    Hard Boiled Greg
    Member

    Hi Johanna,

    You can style that widget directly by adding:

    #text-4 {
    float: right;
    }

    to your style sheet.

    Also, in the header widget area, put that widget with the phone number before/above the menu widget. It should look the way you want now. Let me know if it doesn't.

    HBG


    Website: Hard Boiled Greg Twitter: @hbgreg

    February 26, 2013 at 4:30 pm #22987
    jlo2013
    Member
    This reply has been marked as private.
    February 26, 2013 at 4:35 pm #22990
    Hard Boiled Greg
    Member

    Hi,

    I'm not sure what you mean by "framed one" but just post the code above in your theme's stylesheet without the
    css and /css
    (the square bracket stuff).

    And don't paste it into your header/footer script area.


    Website: Hard Boiled Greg Twitter: @hbgreg

    February 26, 2013 at 4:37 pm #22992
    Hard Boiled Greg
    Member

    Looks like you got it! ๐Ÿ™‚


    Website: Hard Boiled Greg Twitter: @hbgreg

    February 26, 2013 at 4:38 pm #22994
    jlo2013
    Member
    This reply has been marked as private.
    February 26, 2013 at 4:49 pm #22996
    Hard Boiled Greg
    Member

    I tryed to ad the phonenumber as a text widget next to it, but it does not fit.

    I'm sorry, I thought that mean you wanted them side by side.

    Remove the CSS code pasted earlier and give your phone number a class. ย Then you can style the text to align right in your stylesheet.

     

    HBG


    Website: Hard Boiled Greg Twitter: @hbgreg

    February 26, 2013 at 5:04 pm #22998
    jlo2013
    Member
    This reply has been marked as private.
    February 26, 2013 at 6:25 pm #23019
    jlo2013
    Member

    Hey Greg, I managed it thru the functions file:

    ** Add support for custom header */
    add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 115 ) );

    add_action( 'genesis_header', 'custom_header' );
    function custom_header() {
    ?>

    <table border="0" width="600">
    <tr>
    <td width="500">&nbsp;</td><td width="150" align="right" valign="top"><font color="#999999">PHONE: 08 - 123 456</font></td></tr></table>
    <?php
    }

     

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble