Smugmug Privacy/Cookie Policy Banner is HUGE

ShinryaShinrya Peter StewartHong KongPosts: 146Registered Users Major grins

First time seeing this Privacy banner pop-up when visiting my site. Is this now the norm for all visitors?

Don't have any issue with it as I know these types of banners are pretty standard fair on websites, but does it have to be so BIG? This takes up the third of my screen!

Comments

  • leftquarkleftquark SmugMug Product Team Posts: 3,482Administrators, Vanilla Admin, SmugMug Product Team SmugMug Employee

    We wanted to make sure to comply with the new EU requirements but we are working on tweaking the size and copy (for those of you with Custom Domains, we'll want to make it less about SmugMug and more about your site, which uses SmugMug).

    SmugMug Director of Product / dGrin Afficionado
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • MarcQuinlivanMarcQuinlivan Beginner grinner IrelandPosts: 49Registered Users Big grins

    Is there a way for us to fiddle with the size in CSS while we wait for a resolution?

  • MarcQuinlivanMarcQuinlivan Beginner grinner IrelandPosts: 49Registered Users Big grins
    edited July 20, 2018

    For those of you who want to reduce the size of the banner you can use the folloiwng code:

    #sm-eu-cookie-banner {
    min-height: 5vh !important;
    }
    

    The current value is 25vh which is why it is so tall.

    For those of you who wish to hide it altogether this is the code:

    #sm-eu-cookie-banner {
    display:none !important;
    }
    

    For some reason, when you go into "Customise" your site the banner reappears so it appears to ignore it on the admin pages.

  • ShinryaShinrya Peter Stewart Hong KongPosts: 146Registered Users Major grins

    Great tip Marc, thanks for the code!

    Tested it through incognito mode and VPN into an EU country, seems a lot smaller now.

    Now I'm wondering if there is a way to make it stick to the footer of a page rather than the header till people click to dismiss it. For those of us using horizontal menus for our pages, the banner covers up things like our logo and menu links. I'm just hoping people don't visit the site, fail to click the X to close the banner and then get frustrated because they can't see any navigation links.

  • MarcQuinlivanMarcQuinlivan Beginner grinner IrelandPosts: 49Registered Users Big grins
    edited July 21, 2018

    @Shinrya try this

    #sm-eu-cookie-banner {
        min-height: 5vh !important;
        top: auto !important;
        bottom: 0;
    }
    
  • ShinryaShinrya Peter Stewart Hong KongPosts: 146Registered Users Major grins

    That worked a treat! Thanks Marc

  • MarcQuinlivanMarcQuinlivan Beginner grinner IrelandPosts: 49Registered Users Big grins

    This will adjust the background colour for anybody who wants it. (replacing the colour code with the one you want to use)

    #sm-eu-cookie-banner {
        background-color: #1c1d1f !important;
    }
    
  • ShinryaShinrya Peter Stewart Hong KongPosts: 146Registered Users Major grins

    You're just the gift that keeps on giving aren't you Marc ;)

  • DonlivixDonlivix Big grins Vigevano, ItalyPosts: 37Registered Users Big grins

    Hi Marc! Could you explain how to complete the EU cookie banner? It says:

    Privacy and Cookie policy.
    This site uses cookies to make sure visitors have the best experience possible. By using this site, you agree to our use of cookies described in our .

    I suppose after "our" there should be the link to my privacy policy page (which I have). But where can I tell where is it? On admin panel i couldn't find anything to set. In that case is there a way tu customise it?

    Many thank for every reply

    Valerio

  • MarcQuinlivanMarcQuinlivan Beginner grinner IrelandPosts: 49Registered Users Big grins

    That's one for @leftquark @Donlivix . It looks like something has hidden your privacy policy link from the banner.

    Link to your site?

  • DonlivixDonlivix Big grins Vigevano, ItalyPosts: 37Registered Users Big grins
  • MarcQuinlivanMarcQuinlivan Beginner grinner IrelandPosts: 49Registered Users Big grins

    @Donlivix

    You have the following CSS to hide links from your cookie banner.

    .sm-eu-cookie-message a { display: None; }

    That is hiding the "Cookie Policy" link from the end of the text

  • DonlivixDonlivix Big grins Vigevano, ItalyPosts: 37Registered Users Big grins

    Removed. Thanks a lot Marc!

  • MarcQuinlivanMarcQuinlivan Beginner grinner IrelandPosts: 49Registered Users Big grins

    @Donlivix , Something like this should allow you to replace the link with your own (by swapping the xxxx string.

      .sm-eu-cookie-message a:after {
        content: "<a href=xxxx>Privacy Policy</a>" !important;
        font-size: 95%;
        padding-left: 2px;
      }
    
  • DonlivixDonlivix Big grins Vigevano, ItalyPosts: 37Registered Users Big grins

    I asked many times something like this but I've never got a solution like yours. What can I say? Thanks again Marc!

  • tomnovytomnovy SmugMug Support Hero Leicester, United KingdomPosts: 1,076Registered Users SmugMug Employee

    Hey Guys. I have made the box little bit more appealing on my website - https://www.photom.me let me know if you like it - I will write up a tutorial on how to apply it to your site.

    SmugMug Support Hero | Customizer | My SmugMug site - http://www.photom.me | Customization Portal - https://portal.photom.me
  • Giovanni_BertagnaGiovanni_Bertagna Pietrasanta (LU) ItalyPosts: 12Registered Users Big grins

    Much better, I'm waiting for the tutorial!
    Thank's for your job :-)

    Follow me on Diario Fotografico (Photo Diary) and Blog

Sign In or Register to comment.