not a support question
team_kPoint
Member
Hi,
I have created pricing table. The middle column is highlighted and this highlighted column is looking blur in chrome.How can I resolve this?
I checked this with IE 8 and its looking totally flat. No highlighted column. I tested this with Firefox but its looking fine.
another issue I am getting is that I have reduced the size of search box. Its working fine for Firefox and chrome. But its not expanding in left direction IE8. The icons look square. Is this IE8 Compatible?
regards,
teamkp
Nick
Moderator
Hi,
Unfortunately due to the buggy and backward nature of IE8 or 7, a lot of neat css effects simply do not work. Shadows, rounded borders, and a long list of effects are outside the scope of IE. There isn't much that can be done for those individuals (besides upgrading to a proper browser) or creating a completely separate user interface specifically for IE8 or IE7.
Luckily only 6% of all visitors use IE8 and less than 1% use IE7 and that number is dropping fast. So you shouldn't worry excessively catering to visitors who use buggy 4 year old browsers capable of displaying only square buttons, and unable to show transition effects, since those people are well used to seeing the internet that way. .
Thanks,
Nick
Devin
Moderator
Hi teamkp,
Can you link us to the page where the pricing table looks blurry for you? Also Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.avia_table .avia-button {
-webkit-backface-visibility: visible;
}Chromes webkit rendering changes from time to time and that might do it for you on the highlighted buttons.
Regards,
Devin
kaylesimon
Member
Some of the lettering, esp. inside the buttons on the table, look blurry in several browsers. The reason for this is just bad CSS styling, IMO. One does not need shadows, etc. on lettering on buttons..it's just too much. Much as I love kriesi themes, I do wish they'd use a designer or simplify things when possible with respect to the CSS, because oftentime I have to make a lot of changes just to make the sites easily readable...test too small, too many special effects (like on the tables) and just too much going on. Just cuz you can, doesn't mean you should, and less is more! I have been able to turn off the shading on these tables with respect to the columns that are set back, but with the columns that bump out, I can't seem to affect them; if someone could tell me how to do that, please do. My sense is that it may be in the shortcode CSS somewhere and that's why adding it to my child theme CSS is not working for those...
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
