All Collections
Divi Documentation
Customizing Divi
How to change the position of the Audio module's Cover Image to top
How to change the position of the Audio module's Cover Image to top

Change the Cover Image position to be at the top

Eduard Ungureanu avatar
Written by Eduard Ungureanu
Updated over a week ago

Out of the box, the Album Cover image inside the Audio module will be displayed on the left.

Default Audio Module Layout

Change the Cover Image position to be at the top

  1. Open the Audio Module's settings

  2. Go to Advanced Tab > Custom CSS

  3. Inside the Main Element, add this CSS code:

    padding-top: 50px;

  4. Inside the Audio Cover Art, add these CSS properties:

    width: 100%;
    height: 200px;
    position: relative;
    background-size: contain;

  5. Inside Audio Content, add this CSS code:

    margin-left: 0;

The result will be the Cover Image will be shown at the top of the Audio Module's title.

Audio Module with Cover image at the top

Did this answer your question?