Header Image Position

Tagged: alignment, Header image

This topic has 9 replies, 2 voices, and was last updated 10 years, 7 months ago by Eric.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
August 9, 2013 at 4:55 am #6297
brucey010
Customer
Hi all, I am working on a site in the Optimal Theme, and am trying to get the header image in a different place, but can’t seem to get it right. I have searched the forums and tried some suggestions but no luck. I would like to have the logo centralised vertically, so there is space above, rather than it being pressed right up against the top of the page. Can anyone suggest the way to go about this? The site is: http://www.jaguarcooling.co.uk.

Many thanks in advance.
August 9, 2013 at 2:27 pm #6314
Eric
Customer
Yes I can help, but I would definitely recommend that you update to the latest version of the Optimal theme. Wes just released version 1.3 for Genesis 2.0 and HTML5. .If you haven’t already made any major changes to your stylesheet then it should be a smooth transition.

I would tell you what you need to do, but if you update the theme, the markup code will be completely different. So I’ll just wait until you let me know if you’re going to upgrade or not.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 9, 2013 at 4:21 pm #6320
brucey010
Customer
Great – thanks for your help! Unluckily for me I just spent some time today doing some adjustments to the stylesheet – what bad timing! Ah well, probably best biting the bullet now early on rather than doing any more work (wasn’t a huge amount anyway). Will it affect what I have done in the functions.php?

Where will I find the download for it? I had a little look around but can’t seem to work out where it is. I am already on WordPress 3.6 and Genesis 2.0 so just need to get this Optimal 1.3 update. I purchased from StudioPress if that makes any difference to the way I go about updating it.
August 9, 2013 at 9:22 pm #6336
Eric
Customer
For the functions file, you should be able to copy/paste the code snippets you’ve added to the new functions file since it shouldn’t be that much.

If you’ve purchased from StudioPress then you can download from your StudioPress account which should be my.studiopress.com ….make sure to login.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 10, 2013 at 7:27 am #6364
brucey010
Customer
Great, thanks. Ok so I have just updated to the new version – looks nice. However, it has caused a few problems. The phone and email icons have become far too big, but I’m not sure why as they are still set as 50×50 in the code for them in the widget area. This may be because of this, but the slider has now shifted too far down, I would like it much closer to the header – probably about 35ishpx down from it rather than this big gap. Then the other thing I am struggling with is that the slider seems to have shifted. It was working fine before but now is way over to the left, with the right arrow outside the image area. How can I change this? I had it set up for 960×350 and probably could solve it by changing that, but then I would have to sort out whole new images which I don’t really want to be doing. I have played around a bit with the stylesheet but don’t seem to be getting it right. Any help would be great – I appreciate this is not quite what the original post was about, but hope that you can help anyway.
August 10, 2013 at 11:15 am #6374
Eric
Customer
The theme is 1140px by default now. It’s a little wider than before (960px). So you can use a plugin called Regenerate thumbnails and it will automatically adjust all of your images to fit. But first change the size to 1140px width and adjust the height to whatever size you want.

Most people prefer a wider sized theme, that’s why the update added that. If you don’t want the 1140px width and would rather go back to the 960px width then you can make this adjustment in the css….but let me know first and I’ll tell you what to do if you want.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 23, 2013 at 3:12 pm #6746
brucey010
Customer
Hi, I appreciate it has been a while since I first posted this question. With your help and some playing around, I have figured out pretty much all the other stuff I was asking about and have the site looking how I want. However, I am still unable to work out how I can get the header image adjusted so it is vertically central to the top and slider. Could you help me with this please.
August 24, 2013 at 12:12 pm #6764
Eric
Customer
In your css file look for this on line 891 –
```
.slider .wrap {
    background-image: url("images/slide-shadow.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 30 0 5px !important;
    width: 1140px;
}
```
And then change the top padding from 30px to 0. That would even out the extra space caused by the top of the slider.

If you want to move the widget area up some by removing the space at the top then you could look on line 1352 and change this code –
```
.header-image .site-header .widget-area {
    padding: 20px 15px 0 0;
}
```
Change the 20px to around 10px or so

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 27, 2013 at 1:58 pm #6884
brucey010
Customer
Legend! Cheers man.
August 27, 2013 at 2:26 pm #6890
Eric
Customer
You’re Welcome!

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Header Image Position’ is closed to new replies.