Javascript to change properties in the articulate player (articulate 3.10) Jul 21, 2020 By Michel Toyos I´m using this javascript to change properties in the articulate player (articulate 3.09) var item1 = $('.slide-control-button-next')$(item1).css("border-radius", "30px")$(item1).css("background", "linear-gradient(180deg, rgba(218, 111, 8, 0.23) 0%, rgb(219, 110, 5) 100%)")$(item1).css("text-shadow", "0")$(item1).css("font-weight", "normal")$(item1).css("font-size", "1em") var item2 = $('.slide-control-button-previous')$(item2).css("border-radius", "30px")$(item2).css("background", "linear-gradient(180deg, rgba(218, 111, 8, 0.23) 0%, rgb(219, 110, 5) 100%)")$(item2).css("text-shadow", "0")$(item2).css("font-weight", "normal")$(item2).css("font-size", "1em") But with the last update (articulate 3.10) It doesn´t work. Any idea?
Phil Mayor Hero almost 4 years ago07/21/20 at 5:25 pm (UTC) The player was rewritten so most of this will likely not work, also jQuery was removed, you will need to load jQuery for any of this to work.
Michel Toyos Author almost 4 years ago07/22/20 at 11:50 am (UTC) I´m trying to add !important in CSS but it doesn´t work var item = $('.progress-bar-seek')$(item).css("height", "3px !important")
4 Replies
The player was rewritten so most of this will likely not work, also jQuery was removed, you will need to load jQuery for any of this to work.
Sorry, but how can I load JQuery?
Thank you !!!
I´m trying to add !important in CSS but it doesn´t work
var item = $('.progress-bar-seek')
$(item).css("height", "3px !important")
This discussion is closed. You can start a new discussion or contact Articulate Support.