Is there a link (or a screenshot if no link) you can send me to see this?
Does my live demo site do this in your Firefox?
http://demos.shapedpixels.com/longevity/
Thread Starter
TeqToo
(@teqtoo)
Oh, sorry – I meant to put that in.
http://nysbs.org/newsite/
Your demo image seems to be much deeper (taller) than my image. Maybe I need to alter the aspect ratio of my banner image.
Thread Starter
TeqToo
(@teqtoo)
…which, I don’t really have time to do today! [:-/
looks like the curved graphic is not shrinking in Firefox…which is odd. I think I ran into a similar problem a year ago or so, when Firefox has a problem with images in a container. I will need to look into this issue with firefox.
If you don’t hear back from me by tomorrow, follow up with a reply.
I believe I found the solution. Adding this to the Banner Curve container styling properties:
#banner-curve {
width:100%;
}
Go to my demo site again and see if the curve now downsizes as you shrink the window in Firefox?
Thread Starter
TeqToo
(@teqtoo)
It seems to…not sure this will keep the banner from splitting in half horizontally at the wrong place, but let me try it. Where should I enter this piece of code?
Normally I would not suggest editing the actual theme file, but this will probably be part of the update.
Open the theme’s style.css file in the dashboard Appearance >> Edit
Then open the style.css file. Scroll down a little ways until you see
#banner-curve {
position: absolute;
z-index: 10;
bottom: -1px;
}
Then just below this line:
bottom: -1px;
…add this:
width:100%;
Thread Starter
TeqToo
(@teqtoo)
Awesome! Awesome! Awesome! Thank you so much! That worked a treat! Now if I could just figure out that bizarre thing on the gallery page, which only seems to show up in Chrome, not Firefox!
I’m glad we got this one solved 🙂 I will apply it as an update to longevity.
I’m assuming we can set this one topic as resolved?
