Slider headings « Vfxdude

Vfxdude » BigFeature

Slider headings

(28 posts) (2 voices)

Started 1 year ago by Orville
Latest reply from vfxdude

Tags:

slider

Orville
Member

Hi,

I`m trying to implement few slider pages with image and text like slide "At vfxdude we speak..." on frontpage. Heading font and bold text goes rasterized (scabrous) when moving between slides in IE7. Seems working with FF and Chrome. Using IE7 I see similar way your frontpage sample. Any ideas how to avoid such effect would be appreciated.

Also page seems to make a little 5-10px jump to the right (compared to other pages) when I put only slider to the frontpage without thumbs or any additional text. Any advice how to fix such jump would be appreciated as well.

Thanks

Posted 1 year ago #
vfxdude
admin

a link would help.

Posted 1 year ago #
Orville
Member

Link sent you via email

Posted 1 year ago #
Orville
Member

One more question. Is it possible to change slider-h1 font without cufon and additional span styling? Size seems to follow theme settings h1 but font remains unchanged. Tried several css directives without success :(

Posted 1 year ago #
vfxdude
admin

yes I'm getting the bad font issue with IE too, will investigate what causes it.

the slider-h1 and slider-h2 classes are set in style.css, just search for them.

Posted 1 year ago #
Orville
Member

I can locate slider heading-h1 but didn`t find a way to override with child css.

Posted 1 year ago #
vfxdude
admin

oh yes, it's set in the optionstyles css too. then it's just t make it more specific, like this:
body .slider-h1 { font-family: Arial; }

or like this:
.slider-h1 { font-family: Arial !important; }

Posted 1 year ago #
Orville
Member

Did you test those? Tried both of them, didn`t work for me :(

Posted 1 year ago #
vfxdude
admin

I did test them. they work. btw I saw that your heading was <h2 class="slider-h1">, that means you have modified the code, because the reg expression replaces the h1 with <div class="slider-h1">.

Posted 1 year ago #
Orville
Member

The goal was to define them also as h1 and h2 headings. That way Ive added these tags around slider-h1 and this changed div class to h1 class. Ill try without such change.

Posted 1 year ago #
Orville
Member

Added new slide with code copied from your example site. Both css directives implemented. I cant see any difference, its the same with div class="slider-h1" :(

Posted 1 year ago #
vfxdude
admin

if you want h1 and h2 heading you can just remove the the reg expressions, but then you get cufon in the slider, and that does not work so great in all browsers though. Check in Firebug to see what's going on.

Posted 1 year ago #
Orville
Member

Slider cufon looks really bad in IE. I want simply change slider headings font in child CSS but nothing seems to work so far.

Posted 1 year ago #
vfxdude
admin

it works if you change it it back to use div instead of h2 tags in the reg expression. And check with Firebug to see what's going on, that's the tool to use for things like this.

Posted 1 year ago #
Orville
Member

Can you please send me or post the code from your sample site slide (what you see on html view of slide page "at vfxdude...")? Maybe source code view shows something differently. Ive changed everything back according to your example, tried with your codes and bunch of possible higher priority elements that can be found using Firebug. Still nothing. Just cant get ride of this Georgia font though there must be similar setup.

Posted 1 year ago #
vfxdude
admin

http://www.vfxdude.com/external-images/sliderheading.png

Posted 1 year ago #
Orville
Member

Everything works if I add this line to the parent theme css. So maybe I have a problem with child css integration. I had modified child functions.php from bfnav. Now I just copied Topart functions.php - should this be correct solution? Still some child css directives dont work though, cant understand why

Posted 1 year ago #
vfxdude
admin

as you can see from the image above I tested it in the bfnav child theme...

Posted 1 year ago #
Orville
Member

Works for me as well if I use bfnav and same parent. But theme that Im trying to create on a basis of initial BF doesnt. So, something wrong with my child theme functions.php file? Should this work if copied directly from Topart or do I need change anything?

Posted 1 year ago #
vfxdude
admin

should work by copying topart. btw, if you have an import statement in style.css you should remove it, because this is handled by functions.php.

Posted 1 year ago #
Orville
Member

No, I have no import statement there. Still can´t find where is the problem, everything should be ok. Perhaps I`ll try just start from scratch to build theme up from Topart.

Posted 1 year ago #
Orville
Member

Created new child theme and slider-h1 font can be changed now. Didn`t change settings or whatsoever. Strange, but problem solved that way. Got similar related question. Before upgrading to the WP 2.9.2 & latest BF I was able to resize and move footer "top" link to the right side of "div inside" using child CSS line #toplink { float: none; font-size:13px; }. Right now implementing such directive to my new child css does nothing. Should this work or is the different behavior caused by theme/WP changes?

Thanks

Posted 1 year ago #
vfxdude
admin

move it to the left side I guess you mean, since it's by default floated to the right. It should work. See in Firebug if there is something overriding it.

Posted 1 year ago #
Orville
Member

Yes, sorry, I did mean to the left.
Did you find out anything that could help to fix slider font issue in IE?

Thanks

Posted 1 year ago #
vfxdude
admin

Seems like there's no workaround for the font issue in IE. http://stackoverflow.com/questions/2282576/ie-jquery-opacity-anti-aliasing-issue.

Posted 1 year ago #
Orville
Member

The simplest workaround .slider-h1 { background-color: #FFFFFF !important; }

Posted 1 year ago #
Orville
Member

More about different solutions if anyone is interested:

http://blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch/
http://jquery-howto.blogspot.com/2009/02/font-cleartype-problems-with-fadein-and.html
http://allcreatives.net/2009/12/05/jquery-plugin-ie-font-face-cleartype-fix/
http://allcreatives.net/2009/12/05/smoother-font-face-embedding-in-ie-7-8/

Posted 1 year ago #
vfxdude
admin

good. I did not really look into it.

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.