Company Tag Line in Header

Discussion in 'Local Business WordPress Theme' started by infolosophy, May 14, 2013.

Thread Status:
Not open for further replies.
  1. infolosophy

    infolosophy Member

    Joined:
    Dec 28, 2011
    Messages:
    45
    Likes Received:
    0
    My client would like a tagline centered at the top of the header. How can I do this?

    Thanks.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Please explain your issue more clearly with help of screenshot image that whether you want to centered the logo or tagline, and where you want it to.
     
  3. infolosophy

    infolosophy Member

    Joined:
    Dec 28, 2011
    Messages:
    45
    Likes Received:
    0
    I want the tagline above the logo and phone number centered on the header....As part of this, I'd also like to move the social icons from the top right of the header to the bottom right of the header, below the phone number..
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  5. infolosophy

    infolosophy Member

    Joined:
    Dec 28, 2011
    Messages:
    45
    Likes Received:
    0
    See attached which gives the overall impression of what I want to accomplish...

    • The "You Can Love Your House Again" tagline should be at the top of the header, centered. That would necessarily move the logo down, as illustrated by the cut out. I'd like to have the ability to experiment with different fonts, colors and sizes.
    • Move the the social icons from top right of header, to bottom right as illustrated by the cutout.
     

    Attached Files:

  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    1.For your first issue

    Go to header.php present in your theme directory and add the code given below

    Code:
    <h6>You Can Love Your House Again</h6>
    Sending image for reference

    [​IMG]

    Now,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    .header h6 {
    text-align: center;
    color: red;
    font-size: 20px;
    }

    2.For your second issue

    Go to header.php present in your theme directory and cut the code from line no. 64 to 87
    and follow the instruction as shown in image given below

    [​IMG]
     
  7. infolosophy

    infolosophy Member

    Joined:
    Dec 28, 2011
    Messages:
    45
    Likes Received:
    0
    First one works like a charm...thanks!

    I'm a little confused on the second one...Text says "...cut the code from line no. 64 to 87..." but the image show nothing in line 64 and asks me to paste code into line 78...Did I miss something?
     
  8. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Sorry for wrong image, Follow the instruction as shown in image given below
    [​IMG]

    [​IMG]


    This will solve your issue.
     
  9. infolosophy

    infolosophy Member

    Joined:
    Dec 28, 2011
    Messages:
    45
    Likes Received:
    0
    Thanks for all your help!
     
Thread Status:
Not open for further replies.

Share This Page