Change Header Position

[SarkariNuakri]

Hello Friends,

I've installed News Pro Theme in My Blog. Actually, I wanted to change my Header Image from Center to Left alignment but I couldn't do it that way. I was little confused about how to change it? I was trying to do in CSS mode but I didn't.

Can anyone try to do it that?

http://milgayinaukri.net

[Ren Ventura]

Since you're not using a header right widget, your site title area, by default, takes up 100% of the width. You can change this by adding a widget to the right header widget area or by editing the .title-area on line 1084 of your style.css.

---

Web & Software Developer & Blogger | RenVentura.com | Follow Me on Twitter @CLE_Ren

[SarkariNuakri]

Hi Ren,

Thanks for your quick revert back. But Can you tell me How I can add in Header Right Widget Area? What should I suppose to do changes in .title-aread? I don't know much about CSS. Please, help me out.

Thanks,
Ram

[anotherusername]

I don’t know much about CSS. Please, help me out.

Here you go:

http://www.w3schools.com/css/

[Satrap]

Here is how you can add a widget to the header right:

On your dashboard, go to Appearance - Widget

Once there, drag any widget from the left side (it can be Adsense code, a search form, or whatever you want) to the right side of the screen where it says Header Right (usually its the first widget).

Once you do that, the problem will be solved. You do not need to do anything with the CSS.

If you don't want to add a widget, then you have to mess with the CSS code, which unfortunately I can't help on that front.

Good luck.

[Satrap]

Actually, I just looked at your site and found the solution for the CSS as well.

So, from your dashboard click on Appearance - Editor

This will bring up your CSS file for the current theme you are using..

Find this code (I think its line 1097 if you want to go through your FTP editor):

.header-image .site-title a {
    background-position: center top !important;

And change it to:

.header-image .site-title a {
    background-position: left center;

Now your logo should align to the left.

[Author]

Posts