Lifestyle Pro Header Problem

[deisolive]

Hi all,

I've been trying to increase my site header to 860X300 but it still has the padding and the image gets cropped.
I tried using the codes given here in the forum and I also tried modifing the code with Firebug.It didnt't work ou. I don't know what else I can do.

Can you help me?

Thank you!

http://www.viagempelomundo.com/

[stinkykong]

This appears to be fixed. Is that correct? Or is the problem at another website?

---

Web Design by Websentia Web Services
http://websentia.com

[deisolive]

No, It's not fixed.

When I see on Chrome and Firefox, the image is still cropped (up and down). I'd like to have the image full in the header, with no padding. Is that possible?

[deisolive]

By the way,

The image header appears correct on Safari, but with a huge space up and down.
Could you please, help me?

[stinkykong]

Perhaps you need to clear your cache. I don't think I see your problem on any of my browsers.

See this screenshot: http://websentia.us/testImages/Screen%20Shot%202013-11-25%20at%207.09.53%20AM.png

You can tighten up the top area by setting margin in .site-title to "0". Also your .site-container had padding that could be reduced on the top. Plus, you could float your .simple-social-icons to the right.

.site-title { margin: 0}
.site-container {margin-top: 0}
.menu-primary .simple-social-icons {float:right}

I hope this helps. Not seeing what you're seeing, I'm afraid.

---

Web Design by Websentia Web Services
http://websentia.com

[deisolive]

Hi stinkykong, thank you for replying.

Here is what I see: http://www.viagempelomundo.com/wp-content/uploads/2013/11/Home-cortada.png

I deleted my cache, but it didn't help.

[deisolive]

Can anybody help me?

[stinkykong]

Deisolive, I apologize for not being able to help. I can't even see the same as you do. Since this thread shows so many replies, I don't think people are likely to respond. I would create a support ticket and ask them to take a look at this thread.

You'll have to log in for support and go to http://my.studiopress.com/help/

Again, I'm sorry I'm not able to be of help.

---

Web Design by Websentia Web Services
http://websentia.com

[nutsandbolts]

Find this in your stylesheet:

.header-full-width.header-image .site-title a {
background-position: center !important;
margin: 0;
}

and change it to this:

.header-full-width.header-image .site-title a {
background-position: center !important;
margin: 0;
height: 300px;
}

That will enable the header to be tall enough for the whole image to show, though you'll need to adjust that height in your media queries to avoid a ton of padding around the image on mobile.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[deisolive]

Thank you for replying, nutsandbolts.

I tried changing the code, but nothing changed.

I sent an email to the support team to see if they can help me.

Thank you again.

[spoll]

I see the problem, but doesn't she need to change the height in the functions.php as well?

[Blenda Yáñez]

Você deseja remover essa faixa verde e o ocupar todo o espaço com uma imagem? Se é isso que deseja, veja o seguinte tutorial:

http://wpsites.net/web-design/remove-padding-from-lifestyle-pro-site-header/

[deisolive]

Hi guys, problem solved!
I just had to clear my cache on Cloudfare.

Thank you all! 🙂

[Author]

Posts