Support » Fixing WordPress » How do I move my Site Title/ Tagline over to the middle on top of my page?

  • Resolved Driven1313

    (@driven1313)


    Hey,
    Can anyone help me with moving my site title and tagline over to the middle instead of where it currently is on the left? I am using a siteground.com theme and my site is http://www.IgnitionBehindMyEyes.com. Oh and to note, there was a banner that I removed previously where I want to move the title and tagline now. 🙂 Thank you in advance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • In your style.css file, find the rules for #headerimg (around line 42) and change the width to 100%, so that rule will read like this:

    #headerimg {
         float: left;
         background: url(images/headerimg.jpg) no-repeat right bottom;
         height: 70px;
         padding: 20px 50px 0 0;
         width: 100%;
         text-align: center;
    }

    Then find the rule for #header h1 (around line 51) and remove the width rule, or change the width to 100%, so that it reads like this:

    #header h1 {
         width: 240px;
         height: 30px;
         overflow: hidden;
         text-align: center;
         width: 100%;
    }

    And that will do it.

    Thread Starter Driven1313

    (@driven1313)

    Thank you bgentry!
    I was able to do the first one you gave me to change the width to 100% but the second part you gave me is reading like this after I get to #header h1 …

    }

    #header h1 {
    width: 240px;
    height: 30px;
    overflow: hidden;
    }

    So what should I do?

    Thread Starter Driven1313

    (@driven1313)

    Or should I type in the last 2 lines?

    Oops, sorry, I forgot to make the change in the #header h1. You can delete the width line entirely, or replace it with width:100%, so it could read like this:

    #header h1 {
        height: 30px;
        overflow: hidden;
    }

    or this:

    #header h1 {
       width: 100%;
       height: 30px;
       overflow: hidden;
    }

    Happy to help. 🙂

    Thread Starter Driven1313

    (@driven1313)

    Lol no worries but I did do that now and it still hasn’t moved but now it does look like this in my style css

    }
    
    #headerimg {
    	float: left;
    	background: url(images/headerimg.jpg) no-repeat right bottom;
    	height: 70px;
    	padding: 20px 50px 0 0;
    	width: 100%;
    	text-align: center;
    }
    
    #header h1 {
    	height: 30px;
    	overflow: hidden;
    }

    Did I do something wrong?

    Have you re-loaded your page? When I went and looked at your site again, it was not centered, but once I reloaded the page (as Yoda would say), “centered, it was.”

    (Sometimes your browser has cached style.css and therefore you have to reload to see the changes take place.)

    Thread Starter Driven1313

    (@driven1313)

    HA well would you look at that, “Centered, it was.” Thanks Yoda for those words lol and thank you so much bgentry for your help and patience! Appreciate it a lot since that was bugging the heck out of me!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How do I move my Site Title/ Tagline over to the middle on top of my page?’ is closed to new replies.