Hi, the button just doesn’t work in ie8 with xp, in the link you can find what it looks like, pls. advise what to do, thanks!
http://www.xiamenshipbuilding.com/4.png
Brgds/Brian
Hi!
Can you post a link to the page please? I’ll investigate the css code with the IE developer console and hopefully we’ll find the culprit.
Best regards,
Peter
thanks, and pls. find the details in the link below, it only appears in ie8 with xp.
I can’t reproduce the issue with the IE engine emulator (IE10 dev console) and need to guess the solution. Try to insert following code into the quick css field:
avia-button.avia-size-medium.avia-position-left{
min-width: 150px;
}
This code will stretch the button width and hopefully fix the issue.
thanks and I found the min-width shall be made to the code below, but how can I add such change to the quick CSS?
.avia-button.avia-size-small{
padding:7px 10px;
font-size: 13px;
min-width: 120px;
}
.avia-button.avia-size-medium{
padding:10px 0px;
font-size: 14px;
min-width: 90px;
}
.avia-button.avia-size-large{
padding: 13px 30px;
font-size: 14px;
min-width: 127px;
Hi!
Go to Enfold > Styling and scroll down to the “Quick CSS” option field/text area. There you can insert the code.
Best regards,
Peter
Do you mean I just copy this to the quick CSS?
Hey!
Yes, exactly – just take the code I posted here: https://kriesi.at/support/topic/buttion-problem-in-ie8#post-109162 and insert it into the quick css field.
Best regards,
Peter