Support » Plugin: Spoken Word » customize controls

  • Resolved ishinobu

    (@ishinobu)


    Really like the Spoken Word plug-in, but would like to customize the buttons (make them a bit smaller) and get a handle on their placement.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Weston Ruter

    (@westonruter)

    Have you tried CSS?

    Thread Starter ishinobu

    (@ishinobu)

    I apologize for my ignorance. I thought the buttons were already specified somewhere, but I don’t see where. I read code well enough to edit it is all. (I was a software developer decades ago, but in C.) Without a bit of guidance I’ll have to hire a contractor. Thanks for the help. Sorry to bother you.

    Plugin Author Weston Ruter

    (@westonruter)

    The buttons are added via JavaScript. If you would like to style them, you can do so via Additional CSS in the Customizer. You can read about how to do that here: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

    Thread Starter ishinobu

    (@ishinobu)

    Thanks for the help Weston. My WordPress contractor came up with the following to get rid of the forward and backward buttons and downsize the buttons.

    .spoken-word-playback-controls button:nth-child(3), .spoken-word-playback-controls button:nth-child(4) {
    display: none;
    }

    button, input[type=”button”], input[type=”reset”], input[type=”submit”] {
    border-radius: 22px;
    padding: 2px 6px;
    margin-right: 10px;
    }

    .spoken-word {
    margin: 0;
    margin-bottom: 25px;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘customize controls’ is closed to new replies.