9 replies to this topic

[tandan]

Hi there,

A couple of questions that I'm stumped on:

1) I used the following css on my site: www.familydanz.mpwclient.com to have an image repeated on x as then white below:

Please Login or Register to see this Hidden Content

which looks great in firefox but on safari (haven't checked explorer or chrome yet) this doesn't seem to work and the top gets cut off (where there should be a gradient above it)...here's a pic of it...is there any way to work around this?


2) also, on safari, as you can see from this picture, the features slider isn't the same height as the blue behind it...there's extra blue below it...how can i fix this?


3) Lastly, I tried hiding the home page title with the following code but it didn't work even though it worked on another PL site I have...

Please Login or Register to see this Hidden Content

Thanks so much for your help in advance!

[Danny]

Hi TanDan,

1. This is caused by your custom CSS for your #header and the height being set to 130px. You will need to adjust this to resolve the problem.

2. You CSS has one part set to 260px, this is the cause of the issue.

Please Login or Register to see this Hidden Content

Settings this to 300px should resolve the issue.

3. Try this instead.

Please Login or Register to see this Hidden Content

[tandan]

@danny , thanks for your reply! 1) I set my header to auto and it fixed the issue in safari but the problem is that I want to decrease the space between the navigation bar and the features/content area below it. What would be the "correct" cross-browser compliant way to do that instead of setting it the height to 130px? 2) by setting this to 300px, after fixing the above issue, I now have all this extra blue below and above the features area--how would I get the features area to be flush with the slider which is my goal? 3)I tried your code and it didn't work. I placed it into the custom css area... Thanks so much for your help!! I'm learning!

[tandan]

if anyone else has any tips for this, it would be greatly appreciated as well!

[catrina]

1) I set my header to auto and it fixed the issue in safari but the problem is that I want to decrease the space between the navigation bar and the features/content area below it. What would be the "correct" cross-browser compliant way to do that instead of setting it the height to 130px?

I think the top margin for the features area would need to be adjusted (further documentation:

Please Login or Register to see this Hidden Content

).

2) by setting this to 300px, after fixing the above issue, I now have all this extra blue below and above the features area--how would I get the features area to be flush with the slider which is my goal?

Are you only seeing this in IE? (I don't see the issue in Firefox)

3)I tried your code and it didn't work. I placed it into the custom css area...

Try this CSS instead:

Please Login or Register to see this Hidden Content

[tandan]

@catrina, i actually figured out 1,2 but 3 is still not working. I used what you gave me above... I don't know why it's not sticking.

[catrina]

Two elements in the code were wrong. Sorry:

Please Login or Register to see this Hidden Content

[tandan]

@catrina, hmmmm still not working. i've put it in the custom css box right now. don't think it's conflicting with any other css...

[Jenny]

Please Login or Register to see this Hidden Content

.. should work.

[tandan]

@simple_mama, thanks so much! it totally worked!!! i don't know why (part of the problem and i wish i could figure the logic out) as in firebug I got something else... and it seems others are getting other code as well so it's not just me (??) but in any case, i'm happy that it's good now and glad in 2.2 there will be an option to select if it appears on a page or not! Thanks again!!!