Black - Silver

Header Image - Black - Silver

Header Image

by DV1 » Sun Jun 10, 2018 4:33 pm

Hi

I like the Black-Silver style and uploaded 3.2.2. But as with most styles that I've used in the past there are some tweaks here and there that bring it just to where I want it.

When looking at the header image, 'black-silver.jpg', the information says: "1300px × 260px (scaled to 1063px × 213px)".

What I'd like to do is scale that image a little wider, cover more area. Where would I change this so as to get a wider image or even if I wanted the entire top part to be the image?

Thank you for any help. :)

Daniel
DV1
Registered User
Posts: 259
Joined: Sun Jul 11, 2010 8:49 pm
Location: Nevada
Contact:

Re: Header Image

by Joyce&Luna » Sun Jun 10, 2018 5:46 pm

Hello

Look in the blacksilver.css there you will find this.
Search this

Code: Select all

.silver-image-wrapper{
	display: block;
	margin: -5px auto -4px 9.8%;
	position: relative;
	width: 80.3%;
}
replace it

Code: Select all

.silver-image-wrapper {
    display: block;
    margin: -5px 0px -4px -5px;
    position: relative;
    width: 100.5%;
}
You will find 3 more images-wrapper points in the css that must be set so that the whole is also responsive.
If you give me your picture, I like to write you which points you need to change.
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design
User avatar
Joyce&Luna
Registered User
Posts: 197
Joined: Wed Oct 14, 2015 3:46 pm
Location: Germany
Name: Anke
Contact:

Re: Header Image

by Ghostwolf308 » Mon Jun 11, 2018 1:05 am

What are the other images-wrappers that need to be changed to have the header image take up the whole header?

scratch this. Got it working off previous post.
Last edited by Ghostwolf308 on Mon Jun 11, 2018 3:43 pm
Ghostwolf308
Registered User
Posts: 8
Joined: Mon Jun 11, 2018 12:55 am
Contact:

Re: Header Image

by DV1 » Mon Jun 11, 2018 1:34 pm

Thank you, Joyce & Luna

I think I tried that but I will go back again and see. Will let you know results.

Insofar as image size, your demo has the image at 1200x190 for actual size but is scaled to 1060x160 for my monitor at 1366px.

To get an idea of widening and straight across, look at this page.

Then again, I also like the 'framing' you've done with the header though there too it's a matter of width, at least for me.

In my case, I think the 'slim' version comes the nearest. But with the slim I would have to scale all of it just a touch larger with fonts, framing, etc., because in display it's a bit too small and would be a difficult read for some people.
DV1
Registered User
Posts: 259
Joined: Sun Jul 11, 2010 8:49 pm
Location: Nevada
Contact:

Re: Header Image

by DV1 » Mon Jun 11, 2018 2:33 pm

Joyce and Luna

I tried the new coding but it has no effect. I returned it to the previous coding.

Here is the page.
DV1
Registered User
Posts: 259
Joined: Sun Jul 11, 2010 8:49 pm
Location: Nevada
Contact:

Re: Header Image

by Joyce&Luna » Mon Jun 11, 2018 2:56 pm

Hello

It works, you probably forgot to empty cache.
But your picture with a height of 260px is too high. Should not have more like 180px.
Bring your Logo on 1400x180. You can also send me the Original Picture and I'll edit it for you and send it back to you. The necessary code I write in here then.
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design
User avatar
Joyce&Luna
Registered User
Posts: 197
Joined: Wed Oct 14, 2015 3:46 pm
Location: Germany
Name: Anke
Contact:

Re: Header Image

by DV1 » Mon Jun 11, 2018 4:48 pm

Yes, if you looked at the header images on the other pages of the website you can see they are of various sizes. That's basically a personal preference due to my usually using landscapes for header images. In other words, there will be times when I want the image large and there could be times when I would use the 180 height you mention. I just don't want to be constrained to 180 for height for all header images. That does not mean that I will be using images with extreme heights in the headers, it just means that I want the option to go to 240 or even 300 at maximum. It's all about the visual. :)

As for resizing, thanks, but I do all that in PhotoShop and other programs when necessary.

I think I did clear the cache before but will try it again per your code changes. Will let you know.

Daniel
DV1
Registered User
Posts: 259
Joined: Sun Jul 11, 2010 8:49 pm
Location: Nevada
Contact:

Re: Header Image

by Joyce&Luna » Mon Jun 11, 2018 4:56 pm

Also browser cache
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design
User avatar
Joyce&Luna
Registered User
Posts: 197
Joined: Wed Oct 14, 2015 3:46 pm
Location: Germany
Name: Anke
Contact:

Re: Header Image

by DV1 » Wed Jun 13, 2018 7:08 pm

Joyce & Luna

Tried all the clearing of cache, browser, and haven't been able to extend width of header image. When I get the time I'm going to study the code to see what's what. Will let you know.
DV1
Registered User
Posts: 259
Joined: Sun Jul 11, 2010 8:49 pm
Location: Nevada
Contact: