Support Forum
Support Forum
Offline
IE8 doesn't do much to be honest. IE10 top come will be their first mainly standard-compliant browser although 9 came a long way forward.
For what you want now you will basically need to use Javascript. We have no hooks in javascript code - not even sure that would work that well. So you would need to create a javascript file and function, load it where you need it and find a way to monitor the button for changes so you could then apply style changes. And that's a big learning curve!
 |
YELLOW
SWORDFISH
|
Offline
Conrad_Farlow said
I was astonished to see that IE8 doesn't do gradients! How rubbish is that?
IE8 can do some gradients. For example you should be seeing gradient in the buttons here using IE8.
Custom Simple Press Themes
Offline
Have you changed the way that gradients are done recently Brandon? In order to have the new spButton2 class I have added an alt8 section to my theme overlay.
The gradient is realised like this and of course the alt8SectionFrom and alt8SectionTo is also declared.
$alt8SectionGradient = "-moz-linear-gradient(100% 100% 90deg, $alt8SectionTo, $alt8SectionFrom); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from($alt8SectionFrom), to($alt8SectionTo)); background-color: $alt8SectionBase;";
This was copied from the alt1 section from a version of the default theme. All I get in IE8 is the alt8SectionBase colour on both the spButton and spButton2 classes which in my theme stylesheet like this:
#spMainContainer a.spButton,
#spMainContainer .spButtonAsLabel {
width: auto;
height: <?php echo($linkButtonHeight); ?>;
text-align: center;
line-height: <?php echo($controlLineHeight); ?>;
padding: 1px 7px;
margin: 2px 2px;
font-size: <?php echo($spButtonAsLabel); ?>;
font-family: <?php echo($buttonFontFamily); ?>;
outline-style: none;
color: <?php echo($alt4LinkColor); ?>;
text-decoration: <?php echo($alt4LinkDecoration); ?>;
cursor: pointer;
background: <?php echo($alt1SectionBackGround); ?>;
border: <?php echo($alt1SectionBorder); ?>;
<?php echo($smallRadius); ?>
}
#spMainContainer a.spButton2,
#spMainContainer .spButtonAsLabel {
width: auto;
height: <?php echo($linkButtonHeight); ?>;
text-align: center;
line-height: <?php echo($controlLineHeight); ?>;
padding: 1px 7px;
margin: 2px 2px;
font-size: <?php echo($spButtonAsLabel); ?>;
font-family: <?php echo($buttonFontFamily); ?>;
outline-style: none;
color: <?php echo($alt4LinkColor); ?>;
text-decoration: <?php echo($alt4LinkDecoration); ?>;
cursor: pointer;
border: <?php echo($alt8SectionBorder); ?>;
background: <?php echo($alt8SectionBackGround); ?>;
<?php echo($smallRadius); ?>
}I'll have a look at the latest themes to see what the changes are.
Conrad
Offline
Yup, that part $alt1SectionBackGround was changed to create and include gradients for several different browsers.
See this post https://simple-press.com/suppo.....c/#p105217 and you will see the entry now for $alt1SectionBackGround.
It should be in all the latest overlays or CSS files.
Offline
Found them all that
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$alt1SectionFrom, endColorstr=$alt1SectionTo,GradientType=0 );background: -ms-linear-gradient(top, $alt1SectionFrom 0%,$alt1SectionTo 100%); background: -o-linear-gradient(top, $alt1SectionFrom 0%,$alt1SectionTo 100%); background: linear-gradient(top, $alt1SectionFrom 0%,$alt1SectionTo 100%)
Offline
yup. so it was an theme improvement we (props BrandonC) made at some point...
Visit Cruise Talk Central and Mr Papa's World
All RSS1 Guest(s)