image resize for wordpress banner help

wegotitugetit

wegotitugetit

On the hit list !!!
Suspended / Banned
Messages
7,151
Name
alex
Edit My Images
Yes
i have a banner that has been resized in photoshop to exact specs required by wordpress but when uploaded to the website it is way too big or if i make it smaller the writing is all the place i have tried several things but it does not size / show as it should any one else had this issue

thanks
 
Are you using a theme in WP ? If so have you checked the specs for the banner in the theme ?
 
I've had a similar problem today setting up my girlfriend's blog. I only got around the issue by adding my graphic as a logo. Otherwise as the window was made wider or more narrow the size of the graphic changed with it. Looked like rubbish at times. It's supposed to be 1000 pixels across but it ended up 1200, and still looks a bit too small on my Samsung tablet, but it's a fixed size now and quality is good. Another template might work better, if I could face it!
 
Any chance posting a link to show the problem?
 
Yes, makes sense, is the theme responsive?

Assuming this large image is in the header perhaps you need to resize the header wrapper (if one exists) to match the image size
 
I know very little about this website malarky, so please accept I could be totally and utterly wrong; but...

It looks to me that you're placing a banner image ("cropped-hull-photography800pix15.jpg") which has the dimensions of 300x150 pixels, into the header which is expecting an image of 600x220 pixels.

Are you sure you're resizing the image correctly? Or choosing the correct banner image?

As I say, I could be spouting complete rubbish. :oops: :$
 
Yup. Image is the wrong size and shape to be put in the box. You need a 600 x 220 image, you have a 300 x 150 image. The reason it is appearing at 2x the size is that you have the following in your header:

Code: 
<style type="text/css">body{background-image:url(http://www.hull-photography.com/wp-content/themes/expression/images/patterns/pattern15.png);}body {background-color:#4A4A4A;}#logo-container a{background:url('http://www.hull-photography.com/wp-content/uploads/2015/02/cropped-hull-photography800pix15.jpg');}#logo-container, #logo-container a{width:600px; }#logo-container, #logo-container a{height:220px;}#logo-container a{background-size:600px auto;}h1,h2,h3,h4,h5,h6{font-family:"PT Sans", Verdana, Geneva, sans-serif;}body{font-family:"PT Sans", Verdana, Geneva, sans-serif;}</style>

I have no idea where this is coming from, but the bit causing it to appear at 2x the width (600px as opposed to 300px which is the native resolution of the image) is this: #logo-container a{background-size:600px auto;} (although #logo-container a{width:600px; } won't help either).

Generally, the way to make changes to the look and feel of your site in Wordpress is via a child theme and just overriding the appropriate css bits in there.
 
You must log in or register to reply here.
Back
Top