Okay
  Public Ticket #3540652
disable sticky player on Coming Soon template
Closed

Comments

  •  1
    Glenn started the conversation
    December 11, 2023 at 9:51am

    Trying to disable the sticky player on the Coming Soon template with CSS:

    .elementor-template-id-8493 #sPlayer {
        display: none!important;
    }

    Does not work. How can I acheive this?

    Thanks,

    Glenn

  •  1
    Glenn replied
    December 11, 2023 at 9:56am

    Actually, I can't get this to work on any pages using ".page-id-xxxx".

    I must be doing something wrong, please advise me.

    Thanks

  •  669
    Alexandre replied
    December 11, 2023 at 3:31pm

    Hi Glenn, 

    The Coming soon doesnt have the class "page-id-8493" or "elementor-template-id-8493"
    Please use "elementor-page-8493" or "postid-8493". 
    And use the "#sonaar-player" selector to reach the sticky player.
    So the custom code is 

    .postid-8493 #sonaar-player{
    display: none!important;
    }

    Thanks,

    Alexandre from the Sonaar.io Crew

  •  1
    Glenn replied
    December 12, 2023 at 6:41pm

    Hi Alexandre,

    Unfortunately that didn't work. I tried all variations "elementor-page-8493" or "postid-8493" with "#sonaar-player" and "sPlayer" (as per Max's instructions on another ticket) with no luck. I'm putting the code into the Site Settings/Custom CSS area as per screenshot attached. Can you spot anything wrong?

    Attached files:  Screenshot 2023-12-12 at 19.37.53.png

  •  669
    Alexandre replied
    December 12, 2023 at 8:24pm

    You right,
    We need something stronger.
    Try this:

    body.postid-8493 #sonaar-player.sr-float{
    display: none !important;
    }

    Thanks,

    Alexandre from the Sonaar.io Crew

  •  1
    Glenn replied
    December 12, 2023 at 9:53pm

    Thanks but still no joy :/

    I also tried using this on a basic text page (terms & conditions) in case the template was the issue:

    body.elementor-page-id-8560 #sonaar-player.sr-float{
    display: none !important;
    }

    But no luck.



    Attached files:  Screenshot 2023-12-12 at 22.53.15.png

  •  1
    Glenn replied
    December 12, 2023 at 10:08pm

    Hi Alexandre, 

    Would be nice to know why the CSS didn't work but I found a workaround by using the MP3 player/sticky player settings to exclude specific pages from continuous play and to hide sticky player.

    Cheers,

    Glenn

  •  669
    Alexandre replied
    December 13, 2023 at 2:33pm

    Hi Glenn,

    Great! Well done. 

    Otherwise here a stronger css selector:

    body.postid-8493 div#sonaar-player.sr-float:not(.sr_hide) {
    display: none !important;
    }

    Thanks,

    Alexandre from the Sonaar.io Crew