• Resolved fazendaesp

    (@fazendaesp)


    Hello, I’m trying to put a margin in the bottom of the TTS box (20px), but I don’t understand how to customize the CSS in this plugin. ??

    Can someone help me?
    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Azizul Hasan

    (@hasanazizul)

    Hi,

    To customize the player of the plugin you have to select correct selector and put the CSS in correct place.
    Go to the “Customization” menu of the plugin then “Design” tab. and put the CSS
    Here is a basic example

    #tts__listent_content_1.tts__listent_content {
    padding: 8px 16px;
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    }

    #tts__listent_content_1.tts__listent_content:hover {
    background-color: #000;
    color: #fff;
    }

    Hello,

    I was wondering if #tts__listent-content_1.tts__listent_content
    should be written like what I have in my functions.php

    add_filter( ‘tta__button_text_arr’, ‘tta__button_text_arr_callback’);
    function tta__button_text_arr_callback( $text_arr ){

    Because, any change I make in the CSS customisation box is not working.

    Thanks for your help.


Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.