Rich: Eight header image

margaretrosestringer · Member · Oct 25, 2014 at 5:37 am
Copy link

Add topic to favorites
The wondrously simple coding you gave me to widen both content and sidebar have … artificially widened the header.
With most images this wouldn’t matter a bit: but mine being a C2S, our being made almost into a XC2S means our faces are too big in frame.
I know I’m being a pain, but is there some way I can keep the size but have the 2S in a wider frame …?
Please ?

The blog I need help with is: (visible only to logged in users)
margaretrosestringer · Member · Oct 25, 2014 at 5:37 am
Copy link
HAS
FMD !!!!!!
thesacredpath · Member · Oct 25, 2014 at 4:36 pm
Copy link
C2S? XC2S? I’m lost. :)

The header image showing the two of you can be made smaller, but there will be whitespace on either side of the image. You can replace the #primary #content rule you have now with the following.
```
#primary #content {
    background-position: center -20px;
    background-size: 80% auto;
}
```
margaretrosestringer · Member · Oct 25, 2014 at 6:30 pm
Copy link
Sorry – I was tired and didn’t think.
Close two-shot: extra-close-two-shot.
My apologies, Rich !!!
What I’m after is to achieve the two-shot of us as if the camera had pulled back, leaving the shot the same size, but us smaller in frame.
Am I making any sense …?
:-}
thesacredpath · Member · Oct 25, 2014 at 6:43 pm
Copy link
There isn’t a lot we can do with the image that is currently used, this one:
http://margaretrosestringer.files.wordpress.com/2014/10/cropped-scan0007151.jpg

I do see this one in your media library, https://margaretrosestringer.files.wordpress.com/2014/10/scan000713.jpg , which we could use. Add this to your custom CSS at the very bottom and see what you think.
```
#primary #content {
    background: url("https://margaretrosestringer.files.wordpress.com/2014/10/scan000713.jpg") no-repeat scroll center top transparent;
}
```
margaretrosestringer · Member · Oct 25, 2014 at 10:13 pm
Copy link
I see that you’re quite right: we are indeed smaller in frame. However, we’re too low in frame, as well. Sorry !
If I were to crop from the big shot (not in my media library) to achieve the ideal size within frame, what size would I make the image, please, Rich ? –
is it possible to do that ?
thesacredpath · Member · Oct 25, 2014 at 11:53 pm
Copy link
The recommended size for Eight is 538px x 268px. If you get it framed as you desire, in that size, then upload that one and add it at Appearance > Header.
margaretrosestringer · Member · Oct 26, 2014 at 7:03 am
Copy link
[M-R tugs forelock]
Will do !
And will do it NOW …
After which I see exactly what you meant about the spacing on either side. But I prefer that to having the photo made much bigger in the frame. It’s like opening your eyes to find someone with his face about two inches from yours !
Thank you O CSS saviour …
thesacredpath · Member · Oct 26, 2014 at 11:49 pm
Copy link
If you size and crop the image the way you want it, at 538 x 268, then it should appear just as you desire. Let us know if you have any problems.
margaretrosestringer · Member · Oct 27, 2014 at 12:36 am
Copy link
It is sized at precisely those dimensions, Rich … but there are the blank bits at either side.
I don’t mind about them.
“us” ?
thesacredpath · Member · Oct 27, 2014 at 12:44 am
Copy link
The latest one I see in our media library is this one, which is basically identical to the one you had:https://margaretrosestringer.files.wordpress.com/2014/10/eight2.jpg .
margaretrosestringer · Member · Oct 27, 2014 at 8:59 am
Copy link
Yup. Before we did the widening of the contents and sidebar, the photo occupied the same width as the contents. Subsequently, post widening, it remains the same size. OR, she added hastily, it becomes artificially enlarged to turn into a much closer two-shot.
I prefer the original with the two-shot smaller in frame.
:-)
We can leave it, me old china plate – I’m perfectly happy, believe it or not !

No items found.