WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] add phone numner to top of pages (15 posts)

  1. cruiser76
    Member
    Posted 1 year ago #

    hi can someone tell me how to add the phone number to the top of my page, above the text at the top right of the page here is the link thanks.

    http://www.best1cleaning.com/

  2. Ryan Yu
    Member
    Posted 1 year ago #

    Hi cruiser76,

    To add the phone number, you need to add some code. If you are not sure how to add the code below, please check this article.
    http://codex.wordpress.org/Editing_Files

    Open header.php and find this line.

    <div class="container" id="hgroup-wrap">

    Add this line under it.

    <div class="phone">Phone number goes here</div>

    So it will look something like:

    <div class="container" id="hgroup-wrap">
    <div class="phone">Phone number goes here</div>

    Open style.css and add the code below.

    .phone { margin-top:15px; float:right; }

    Let me know how it goes.

  3. cruiser76
    Member
    Posted 1 year ago #

    Hi Ryan do i add the first part of the code here:

    <?php
    		/**
    		 * catcheverest_before_hgroup_wrap hook
    		 */
    		do_action( 'catcheverest_before_hgroup_wrap' ); ?>
    
        	<div id="hgroup-wrap" class="container">
             add it here
           		<?php
    			/**
    			 * catcheverest_hgroup_wrap hook
    			 *
    			 * HOOKED_FUNCTION_NAME PRIORITY
    			 *
    			 * catcheverest_header_left 10
    			 * catcheverest_header_right 15
    			 */
    			do_action( 'catcheverest_hgroup_wrap' ); ?>

    [Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum's parser.]

  4. Ryan Yu
    Member
    Posted 1 year ago #

    Hi cruiser76,

    Yes it does seem so.

  5. cruiser76
    Member
    Posted 1 year ago #

    Hi Ryan

    it didn't work, not sure what to do from here.

  6. cruiser76
    Member
    Posted 1 year ago #

    hey ryan

    it did work, thanks heaps, now i just need to know how to make it bigger, do you know how to do that thanks again.

  7. cruiser76
    Member
    Posted 1 year ago #

    http://www.best1cleaning.com/

    you can now see it at the top of screen

  8. Ryan Yu
    Member
    Posted 1 year ago #

    Add the font-size property to the .phone selector. So it would look something like:

    .phone { margin-top:15px; float:right; font-size:2em; }

  9. cruiser76
    Member
    Posted 1 year ago #

    Hey ryan

    thank you so much your a legend it works.

  10. cruiser76
    Member
    Posted 1 year ago #

    Hi ryan

    one more thing can it be put into bold.

  11. Ryan Yu
    Member
    Posted 1 year ago #

    Ye sure, add

    font-weight: bold;

  12. cruiser76
    Member
    Posted 1 year ago #

    mate you are to good.

  13. cruiser76
    Member
    Posted 1 year ago #

    Ryan with my logo on the top left of site called "Bestone" to make that bigger do i have to upload a pigger image or can i change the image size in the style.css.

  14. Ryan Yu
    Member
    Posted 1 year ago #

    You can make it bigger in html however I wouldn't recommend it because the image quality will be distorted.

    I would upload the logo in bigger size.

  15. cruiser76
    Member
    Posted 1 year ago #

    ok thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic