7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Making my custom header wide on my WP theme

by Keen creations
6 replies
  • WEB DESIGN
    • |
Can anyone help me make my Header centered and also more wide

Here's what it looks like:

How to gain weight

At the top you see the custom header, how do I make it more wide across?


here is the edit of the header: http://tinypic.com/r/2lkwgh4/7
#custom #header #making #theme #wide
  • Profile picture of the author Steven Dybka
    Originally Posted by Keen creations View Post

    Can anyone help me make my Header centered and also more wide

    Here's what it looks like:

    How to gain weight

    At the top you see the custom header, how do I make it more wide across?
    You would have to go into your style.css and change the title to center instead of left,I suggest to you also is to get rid of the gray background in your logo,just keep the letters and the little image you have,save it as a png image instead of a jpeg.


    Steve
    Signature

    {{ DiscussionBoard.errors[3958506].message }}
    • Profile picture of the author Keen creations
      Originally Posted by Steven Dybka View Post

      You would have to go into your style.css and change the title to center instead of left,I suggest to you also is to get rid of the gray background in your logo,just keep the letters and the little image you have,save it as a png image instead of a jpeg.


      Steve
      could you tell me what to edit exactly?

      Image - TinyPic - Free Image Hosting, Photo Sharing & Video Hosting
      {{ DiscussionBoard.errors[3958542].message }}
      • Profile picture of the author Steven Dybka
        Originally Posted by Keen creations View Post


        What exactly do you want to do,do you want your logo image in the center of the page or do you want to increase the height of the header.


        Steve
        Signature

        {{ DiscussionBoard.errors[3958878].message }}
        • Profile picture of the author Keen creations
          Originally Posted by Steven Dybka View Post

          What exactly do you want to do,do you want your logo image in the center of the page or do you want to increase the height of the header.


          Steve
          I woud like to center the logo
          {{ DiscussionBoard.errors[3958905].message }}
          • Profile picture of the author AnthonyKrese
            Yeah, then just add the lines of code I gave you to your css file:

            http://i53.tinypic.com/298ya0.png (what it will look like if you add those lines of code)


            Nice logo, by the way.
            Signature
            What's for dinner tonight? Fast, easy, awesome recipes to keep the wife and kids happy!

            The Man's Cookbook
            {{ DiscussionBoard.errors[3959417].message }}
  • Profile picture of the author AnthonyKrese
    In your style.css find the section of code that starts like this

    #header #headerimg {


    Add these lines of code:

    margin: 0 auto;
    width: 400px;


    I'm not sure what you mean about "wide across". That has to do with the logo, not the code. That means the actual graphic would have to be changed (in something like Photoshop). Note: If you do make the logo wider, you'll need to increase the width I've given you to the width of your new logo size.

    Really, it's best copy the old section of code and add in the new bits to your custom.css file. That way you can keep track of all your changes and don't wipe out your customizations when you update the theme.
    Signature
    What's for dinner tonight? Fast, easy, awesome recipes to keep the wife and kids happy!

    The Man's Cookbook
    {{ DiscussionBoard.errors[3958757].message }}

Trending Topics