Title: Compatability Issues
Last modified: August 21, 2016

---

# Compatability Issues

 *  Resolved [Conscious Graphics](https://wordpress.org/support/users/dreidie/)
 * (@dreidie)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/compatability-issues/)
 * Cannot see the Player on devices and browsers because of the colours, tried changing
   the colours but it does not change. This is the Premium version.
    The developer
   sent a style.css but it is limits the player to one colour and is still not visible
   on devices.
 * Im not good with css but know this is a quick fix, any smart people out there??
 * [http://www.stingdemradio.com/](http://www.stingdemradio.com/)
 * This is the style.css
 * <?php header(“Content-type: text/css”); ?>
    [@import](https://wordpress.org/support/users/import/)
   url(“http//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css”); <?
   php require(‘../../../../wp-blog-header.php’); global $stationpro;
 * header(“Content-type: text/css”);
    $color = $stationpro[‘player-color’]; $premium
   = “#1E73BE”; $dkgray = ‘#333’; $dkgreen = ‘#008400’;
 * ?>
 *  <?php
    echo ‘
 * .navbar-default {
 *  border-color:’.$color.’;
    background-color:’.$color.’ ; -moz-opacity: 0.80; 
   opacity: 0.80; -ms-filter:”progid:DXImageTransform.Microsoft.Alpha”(Opacity=80);
 * }
    .navbar-default .navbar-brand { color: #ecf0f1; } .navbar-default .navbar-
   brand:hover, .navbar-default .navbar-brand:focus { color: #ffbbbc; } .navbar-
   default .navbar-nav > li > a { color: #ecf0f1; } .navbar-default .navbar-nav 
   > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffbbbc; }.
   navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active
   > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffbbbc; 
   background-color: #c0392b; } .navbar-default .navbar-nav > .open > a, .navbar-
   default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > 
   a:focus { color: #ffbbbc; background-color: #c0392b; } .navbar-default .navbar-
   nav > .dropdown > a .caret { border-top-color: #ecf0f1; border-bottom-color: #
   ecf0f1; } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default.
   navbar-nav > .dropdown > a:focus .caret { border-top-color: #ffbbbc; border-bottom-
   color: #ffbbbc; } .navbar-default .navbar-nav > .open > a .caret, .navbar-default.
   navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:
   focus .caret { border-top-color: #ffbbbc; border-bottom-color: #ffbbbc; } .navbar-
   default .navbar-toggle { border-color: #c0392b; } .navbar-default .navbar-toggle:
   hover, .navbar-default .navbar-toggle:focus { background-color: #c0392b; } .navbar-
   default .navbar-toggle .icon-bar { background-color: #ecf0f1; } [@media](https://wordpress.org/support/users/media/)(
   max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a{
   color: #ecf0f1; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.
   navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffbbbc;}}/*
   Make it a marquee */ .marquee { width: 450px; margin: 0 auto; overflow: hidden;
   white-space: nowrap; box-sizing: border-box; animation: marquee 50s linear infinite;
   height: 33px; }
 * .marquee:hover {
    animation-play-state: paused }
 * /* Make it move */
    @keyframes marquee { 0% { text-indent: 27.5em } 100% { text-
   indent: -105em } }
 * /* Make it pretty */
    .microsoft { padding-left: 1.5em; position: relative;
 * }
 * /* ::before was :before before ::before was ::before – kthx */
    .microsoft:before,.
   microsoft::before { z-index: 2; content:””; position: absolute; top: -1em; left:-
   1em; width: .5em; height: .5em; box-shadow: 1.0em 1.25em 0 #F65314, 1.6em 1.25em
   0 #7CBB00, 1.0em 1.85em 0 #00A1F1, 1.6em 1.85em 0 #FFBB00; }
 * .microsoft:after, .microsoft::after {
    z-index: 1; content: “”; position: absolute;
   top: 0; left: 0; width: 2em; height: 2em; background-image: linear-gradient(90deg,
   white 70%, rgba(255,255,255,0)); }
 * /* Style the links */
    .vanity { color: #FFF; text-align: center;
 * }
 * .vanity a, .microsoft a {
    color: #FFF; transition: color .5s; text-decoration:
   none; }
 * .vanity a:hover, .microsoft a:hover {
    text-decoration:underline; }
 * /* Style toggle button */
    .toggle { display: block; margin: 2em auto; }
 * .btn3d {
    transition-property: background,box-shadow,border-radius; transition-
   duration: .5s, 0.3s; transition-timing-function: linear, ease-in;
 *  position:relative;
    background-color:’.$color.’; -moz-outline-style:none; border:
   0px; margin-right:10px; margin-top:3px; margin-bottom:3px; } .btn3d:hover {box-
   shadow:0px 0px 5px } .btn3d:focus { outline:medium none; -moz-outline-style:none;
 * }
    .btn3d:active { top:2px; }’; ?>
 * [https://wordpress.org/plugins/station-pro/](https://wordpress.org/plugins/station-pro/)

Viewing 1 replies (of 1 total)

 *  Thread Starter [Conscious Graphics](https://wordpress.org/support/users/dreidie/)
 * (@dreidie)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/compatability-issues/#post-4579549)
 * Sorted

Viewing 1 replies (of 1 total)

The topic ‘Compatability Issues’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/station-pro_6e647d.svg)
 * [Station Pro – Advanced Audio Streaming & Player for WordPress](https://wordpress.org/plugins/station-pro/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/station-pro/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/station-pro/)
 * [Active Topics](https://wordpress.org/support/plugin/station-pro/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/station-pro/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/station-pro/reviews/)

## Tags

 * [compatability](https://wordpress.org/support/topic-tag/compatability/)

 * 1 reply
 * 1 participant
 * Last reply from: [Conscious Graphics](https://wordpress.org/support/users/dreidie/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/compatability-issues/#post-4579549)
 * Status: resolved