Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 1st snippet of code is added to style.css, 2nd code snipped is added to functions.php:
- /* Internet Explorer conditional css for countdown widget
- added html class .ieclass for internet explorer
- ie styling for countdown widget to display correctly in ie browser
- ------------------------------------------------------------ */
- .ieclass #countdowntimer-2 {
- margin-top: 45px;
- height: 50px;
- }
- .ieclass #countdowntimer-2-dashboard {
- height: 50px;
- }
- .ieclass #countdowntimer-2-widget {
- background-image: url(images/timer-bkg.jpg);
- background-repeat: no-repeat;
- padding: 10px 0 0 5px;
- background-position: 5px 0;
- }
- .ieclass .TIE-fighter-tophtml, .TIE-fighter-bothtml {
- margin: 0 auto;
- padding: 0;
- text-align: center;
- font-size: 12px;
- }
- .ieclass .TIE-fighter-dashboard {
- height: 27px;
- width: 237px;
- margin: auto;
- padding: 7px 4px 4px 0;
- border: none!important;
- filter: none!important;
- border-radius: none!important;
- box-shadow: none!important;
- background-color: none!important;
- background: none!important;
- border-radius: none!important;
- }
- .ieclass .TIE-fighter-dash {
- width: 29px;
- height: 23px;
- float: left;
- margin-left: 13px;
- padding-left: 3px;
- position: relative;
- color: #333;
- border: none!important;
- background: none!important;
- filter: none!important;
- box-shadow: none!important;
- }
- .ieclass .TIE-fighter-weeks_dash {
- padding-left: 0;
- padding-right: 2px;
- margin-left: 9px;
- }
- .ieclass .TIE-fighter-hours_dash {
- padding-left: 5px;
- }
- .ieclass .TIE-fighter-minutes_dash {
- padding-left: 5px;
- }
- .ieclass .TIE-fighter-seconds_dash {
- padding-left: 5px;
- }
- .ieclass .TIE-fighter-tripdash {
- width: 49px;
- height: 23px;
- float: left;
- margin-left: 20px;
- padding-left: 3px;
- position: relative;
- color: #333;
- border: none!important;
- background: none!important;
- filter: none!important;
- }
- .ieclass .TIE-fighter-digit {
- font: bold 14pt Verdana;
- font-weight: bold;
- float: left;
- width: 14px;
- text-align: center;
- position: relative;
- height: 30px;
- text-shadow: none!important;
- }
- .ieclass .TIE-fighter-dash_title {
- filter: none!important;
- display: block;
- position: absolute;
- left: -32px;
- top: -8px;
- width:50px;
- color: #fff;
- text-align: left;
- font-size: 8px;
- margin: 0;
- }
- .ieclass span.TIE-fighter-dash_title {
- display: none;
- }
- /* end ie styling */
- --------------------------------------------------------------------------------------------
- The following code is added to functions.php to add "ieclass" to IE browsers only:
- /* add style sheet for Internet Explorer to fix countdown widget display */
- /* if browser is ie, add "ieclass" to html for ie specific class to display properly in ie */
- add_action('genesis_meta', 'myprefix_ie_stylesheet');
- function myprefix_ie_stylesheet() { ?>
- <!--[if IE ]> <html class="ieclass"> <![endif]-->
- <?php
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement