Low resolution – header

dominadeau · Member · Jun 6, 2013 at 11:51 am
Copy link

Add topic to favorites
Hi!

I am losing a lot in resolution and there is distortion in my uploaded header. Anyone can help?

Thanks.

The blog I need help with is: (visible only to logged in users)
justpi · Member · Jun 6, 2013 at 2:16 pm
Copy link
Sight requires 580x150px header images. The URL of your image says “cropped-headerwp2.jpg”, so the image you created and uploaded wasn’t in the right dimensions.

But inserting such text as an image isn’t good practice anyway. If you don’t want all that as your tagline, why don’t you add it in a Text widget at the top of the sidebar?
And even if you don’t want it in the sidebar, it’s probably possible to reposition the Text widget via CSS editing.
dominadeau · Member · Jun 6, 2013 at 4:12 pm
Copy link
Yes! I would like to insert it at the top, in grey colour. Can you help with the css code?
justpi · Member · Jun 6, 2013 at 8:09 pm
Copy link
In my opinion the right place for such a text is the sidebar, not the header, but anyway start with this:
```
.site {
    position: relative;
}
#text-2 {
    font-size: 80%;
    position: absolute;
    left: 280px;
    top: 40px;
    width: 40%;
}
```
Change the values to adjust the font size, the width and the positioning, then tell me what you’d like to modify.
dominadeau · Member · Jun 7, 2013 at 2:09 am
Copy link
Thanks a lot! Looking nice!
justpi · Member · Jun 7, 2013 at 7:39 am
Copy link
You’re welcome.
Caution: I don’t know what happens with this on mobile devices.

No items found.