Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi try the following code. In this example I added left: -5px;

    .sc_player_container1 .myButton_play {
        background: transparent url("../image/round-play-button-black.png") no-repeat scroll 0 0 !important;
        border: medium none !important;
        cursor: pointer !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative;
        width: 32px !important;
       left: -5px;
    }

    You need to add the above code to a custom CSS style file in your theme or preferably a child theme. You can also use a plugin.

    Thread Starter delightgrafik

    (@delightgrafik)

    Thanks for the fast response! Unfortunately this code made the play button to disappear. I tried some other pixel-values, I also changed the size of the play button to 20px but it doesn’t work, the play button stays invisible, although i can press it and the player starts playing.
    Any other suggestions?

    Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi, did you install the plugin I suggested above to add the custom CSS code? Do you have a cache plugin installed? Did you clear your browser cache?

    I tested the following entry left: -5px; in the class mentioned above and it worked in Firefox.

    Thread Starter delightgrafik

    (@delightgrafik)

    I added the CSS code via the custom css field of the theme I’m using (https://optimizerwp.com), I deactivated my cache plugin, emptied the browser cache: But as soon as i enter the code in the field, the play button disappears (it’s there, you can click it, but it’s invisible.)

    I checked on chrome and edge:
    http://www.bernhardzimmermann.at/portfolio/jekyll-hyde/

    Plugin Contributor mbrsolution

    (@mbrsolution)

    Just for testing purposes can you install the plugin I suggested above and add the custom CSS code as well. I am just curious to see if this works or not.

    Kind regards

    Thread Starter delightgrafik

    (@delightgrafik)

    Ok, I tried the suggested plugin, but unfortunately with the same outcome: play button disappears, line spacing stays unimproved πŸ™

    Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi, I have checked the URL and the button image is broken. So you might want to check why the image is broken. What you can do is disable and delete the plugin. Then install a fresh new copy. Let me know how you go.

    Regards

    Thread Starter delightgrafik

    (@delightgrafik)

    This keeps a mystery: I reinstalled the plugin, it didn’t change anything, the image keeps broken. As soon as I remove the custom CSS code you posted, the play button is visible again. I don’t get it. The image is there, i checked it via FTP.

    Plugin Contributor mbrsolution

    (@mbrsolution)

    Do you have a cache plugin installed? Are you using CDN services in your site?

    Thread Starter delightgrafik

    (@delightgrafik)

    No CDN in use and the cache plugin is installed but deactivated.

    Plugin Contributor mbrsolution

    (@mbrsolution)

    What happens if you test one of WordPress default themes like Twenty Fifteen or Sixteen?

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘problem with line spacing using play button’ is closed to new replies.