Set Playlist to Full width inside Elementor container

hooiling
(@hooiling)

1 year, 3 months ago

Hi there,

Thanks for the great plugin. Would like to check if the playlist as a whole can be in full width inside Elementor container without any left right padding? As I seen the playlist is with padding even I try to set the container with zero padding.

Thanks!

Best regards, Hooi Ling

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

Plugin Author Anastis Sourgoutsidis
(@anastis)

1 year, 2 months ago

Hi there,

AudioIgniter shouldn’t be adding any padding by default.

Try setting margins-paddings to 0 in all three elements: 1) the container, 2) the column, 3) the shortcode or AudioIgniter element (whichever you are using).

Thread Starter hooiling
(@hooiling)

1 year, 2 months ago

Hello there,

Thanks for reply.

I did tried as what you have mentioned, however it’s not working. Alternatively, any css code can be applied for it from your end? As overall it looks a bit narrow and the height of single tab seems not adjustable too? Appreciate for your help.

Thanks again.

Best regards,

Hooi Ling

Plugin Author Anastis Sourgoutsidis
(@anastis)

1 year, 2 months ago

Hi,

you’ll need to provide a link so that we’ll be able to inspect the page, as well as any screenshots that’ll help clarify exactly which spacing you’re talking about.
Thread Starter hooiling
(@hooiling)

1 year, 2 months ago
Hi there,

Here is the link and the screenshot description is below the playlist. Thanking you in advance for your help, much appreciate it.
1. To make the playlist left right zero padding if possible.
2. If can have adjustable tab height.
https://oshplus.my/audio-test/

Best regards, Hooi Ling
Plugin Support Fotis
(@markwaregr)

1 year, 2 months ago

Hi @hooiling you can remove the padding in mobile adding this

@media(max-width:767px){.ai-wrap{padding:0}}

Also you can add this

.ai-wrap .ai-track{height:60px}
.ai-wrap .ai-track-no-thumb{height:60px;line-height:70px}

under Customize->Additional CSS

Let me know if thi shelps
Thread Starter hooiling
(@hooiling)

1 year, 2 months ago
Hello Fotis,

Thanks so much for your reply.

Awesome! It did works! Just that the tab height codes seems affect the top cover image and the thumbnail area at the left as well. Appreciate if you can help further, sorry if I did not make myself clear earlier.
1. The play button and control area remain default will do.
2. The tab height output affects other area as per screenshot in the link. https://oshplus.my/audio-test/
Thanks again.

Best regards, Hooi Ling
Thread Starter hooiling
(@hooiling)

1 year, 2 months ago

Hello there,

Would you mind to kindly advise if it’s still possible for the above mentioned adjustment so that we can proceed further here?

Thanks again.

Best regards, Hooi Ling
Plugin Support Fotis
(@markwaregr)

1 year, 2 months ago
Hi,
Try adding this
```
.ai-wrap .ai-track-no-thumb.ai-track-thumb {
    width: 40px;
    height: 60px;
    line-height: 70px;
}
```
Also remove this custom css you have to fix the thumbnail, or just add some real images
```
.ai-wrap .ai-track-no-thumb {
    height: 60px;
    line-height: 97px;
}
```
Thread Starter hooiling
(@hooiling)

1 year, 2 months ago

Hi Fotis,

Thank you for your reply.

Unfortunately, it seems the same. The thumbnail at the track list can’t be full after we add the height of the track list; the active top large thumbnail working good. I try to play around with the given parameters, however it’s still the same. Updated in the same link.

Btw, would you kindly reply as mentioned in previous conversation if the control button area that circled with blue dotted line still possible to make it without zero padding as it may not user friendly on mobile due to too close to border.

Thanks so much for your help.

Best regards, Hooi Ling

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

The topic ‘Set Playlist to Full width inside Elementor container’ is closed to new replies.