Docs

[Hindrik]

Hi there.

I am trying to get an embeded spotify playlist within the widget area of Integrity. I got it working somehow, however there are a few details that I would like to solve.

1. The width of the player is 90%. I think this is because the content of the website itself is 90%, but I have not found a way yet to independently change the width of the widget area to 100%.

2. When you click the plus button to unfold the widget area, it animates like its fully opening for a blink of a second. I looked into the heights of the widget area etc, but I also could not find a solution. Maybe it is because the actual embeded content is higher, but it would be awesome to have a solo player standing there.

3. I would like to change the icon of the widget button into a Spotify logo. I found a lot of solution on the support forum about changing it to text or another supported icon, but can you help me out changing it into an image?

Thank you so much!

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Hindrik]

Haha sorry, completely forgot about this. Please refer to http://freeze-festival.nl/home

[Paul R]

Hi,

To fix that you can add this in your child theme’s style.css (wp-content/themes/x-child/style.css)

body .x-widgetbar .x-container.max.width {
      max-width: 100%;
      width:100%;
}

body .x-widgetbar {
    height: 80px !important;
}

body .x-btn-widgetbar .x-icon-plus-circle:before {
   content: "\f1bc";
}

Hope that helps.

[Hindrik]

Hi Paul,

Thank you for the reply.
It helped to some extend, but it still does not fully function properly. The Spotify icon worked, thank you so much for that already.

The animation is still kind-off strange and the top padding/spacing is still there. I am trying to figure it out at the moment as well. If you see anything else that I could do please let me know.

Thanks

[Lely]

Hi There,

To remove widget top space, please add this CSS:

.x-widgetbar-inner {
    padding: 0;
}

Regarding transition, it seems fine when I checked. See this: http://screencast-o-matic.com/watch/cDQDeuj2gE.
Please clarify what you mean by kind-off strange.

[Author]

Posts