Adding image in widget header area

[Zach]

Trying to add an image in the header widget area (size 728x90) I found where it says "31.11111%" It seems to be 336 currently.  Tried making that 728px... No luck 🙁

Sorry for the amateur question 🙂

Thanks!

[Brad Dalton]

Could you please link to your site thanks.

---

Tutorials for StudioPress Themes.

[Zach]

http://www.stocksarecool.com

 

[Zach]

Any thoughts?

[Tony @ AlphaBlossom]

I would remove #header .widget-area from that grouping, and add it on it's own:


#header .widget-area {
width: 728px;
}


You can change the width, add any padding, margin etc also. If your site is responsive, you can use % but you'll have to figure something out as things get smaller.

Also, you have to adjust #title-area (around line 471). I would do the same, remove it and add it to it's own line and adjust the width so that they'll both fit.

That should do it!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Zach]

Thanks!  That worked for the most part... But you're right, as things get smaller on a desktop it begins to look a little funky (until the banner wraps below)  I've tried both PX and %, the % seems to work a little better.

Thanks again,

Z

 

[Tony @ AlphaBlossom]

Glad it helped. You can use media queries to control the css at various sizes, which will allow you to make sure it looks good on any device.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts