Stephan
|
Anybody have a fix for the social icons in the header that does not display correctly in IE9 ? Cuts the icons of at the end.
|
|
techtom
|
Do you have a link to the site? I can't reproduce it from artisteer.
|
|
Stephan
|
Hi Techtom!
Its on my staging server sawebrent2.com/achieve , In IE9 it is cutting of the social icon images on the right hand side with a couple of pixels. in firefox etc all is OK. I am still on artisteer 4.1
I always get this bug on all my sites with icons in the header
|
|
Stephan
|
PS: Also in IE10
|
|
techtom
|
if you add this to your style.css file at the end does it still cut them off?
.art-rss-tag-icon, .art-twitter-tag-icon, .art-facebook-tag-icon {display:block;}
art-textblock-1626273094-text, .art-textblock-1125838541, .art-textblock-2101287324 {top:138px;}
You said this is an ongoing issue? By any chance do you use sharaholic on all those sites? What if you just preview the template straight out of artisteer, does it still cause this issue?
|
|
Stephan
|
Hi Techtom!
Thank you for your reply. I added the css and disabled all plugins, no joy, it is still being cut off at the end..
|
|
techtom
|
Hi Stephan,
Try adding the !important to the css. I also forgot a . before. When I apply this code in the IE developer console for your site it all looks fine.
.art-rss-tag-icon, .art-twitter-tag-icon, .art-facebook-tag-icon {display:block !important;}
.art-textblock-1626273094-text, .art-textblock-1125838541, .art-textblock-2101287324 {top:138px !important;}
|
|
Stephan
|
Techtom! You are the man! Can I buy you a beer? (send paypal plse)
Only thing is I see the twitter icon is out of line now. Something to do with :
<div class="art-object1521790974" data-left="0.47%"></div>
<div class="art-object1088249944" data-left="98.05%"></div>
<div class="art-object1951444398" data-left="52.45%"></div>
?
|
|
techtom
|
I see the mistake
.art-textblock-1626273094-text, .art-textblock-1125838541, .art-textblock-2101287324 {top:138px !important;}
this is wrong .art-textblock-1626273094-text,
Try the following instead.
.art-textblock-1626273094, .art-textblock-1125838541, .art-textblock-2101287324 {top:138px !important;}
This is because the changing to block drops your icons down a few pixels the second set of css is to position them a bit higher again.
|
|
Stephan
|
Techtom! that fixed it, thank you! Anybody looking for the solution to the social icons in header of artisteer template, techtom fixed it!
Thank you!
|
|
techtom
|
Stephan,
You are welcome. I am glad it all worked out for you.
|
|