Colour of text on sound blocks

  • Unknown's avatar
    nedlandkultur · Member ·

    I have inserted sound blocks on my homepage, and I have written the artist and titel of the song. They show up in very small font size, and in a colour that is hardly visible against the background. How do I change this? The sound player is also very big and has design that really makes the page look worse. Is it possible to change it?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    charleybea · Member ·

    Hello @nedlandkultur,

    You can fix the font sizing and color as well as how wide the player is with some custom CSS as long as you’re on the Premium or Business Plan.

    To add CSS using the editor, go to your Customizer and click on the CSS tab.

    Copy and paste the following code at the bottom of the editor:

    /* ADJUST AUDIO CAPTION SIZE AND COLOR */
    .wp-block-audio figcaption {
    font-size: 16px;
    color: #ffffff;
    }

    /* ADJUST AUDIO PLAYER WIDTH AND CENTERED */
    .wp-block-audio audio {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }

    Hopefully this helps! If you give this a try, please let me know how it goes. :)

  • The topic ‘Colour of text on sound blocks’ is closed to new replies.