Smugmug Privacy/Cookie Policy Banner is HUGE

ShinryaShinrya Registered Users Posts: 197 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 Registered Users, Retired Mod Posts: 3,784 Many Grins

    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).

    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • MarcQuinlivanMarcQuinlivan Registered Users Posts: 56 Big grins

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

  • MarcQuinlivanMarcQuinlivan Registered Users Posts: 56 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 Registered Users Posts: 197 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 Registered Users Posts: 56 Big grins
    edited July 21, 2018

    @Shinrya try this

    #sm-eu-cookie-banner {
        min-height: 5vh !important;
        top: auto !important;
        bottom: 0;
    }
    
  • ShinryaShinrya Registered Users Posts: 197 Major grins

    That worked a treat! Thanks Marc

  • MarcQuinlivanMarcQuinlivan Registered Users Posts: 56 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 Registered Users Posts: 197 Major grins

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

  • DonlivixDonlivix Registered Users Posts: 37 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 Registered Users Posts: 56 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 Registered Users Posts: 37 Big grins
  • MarcQuinlivanMarcQuinlivan Registered Users Posts: 56 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 Registered Users Posts: 37 Big grins

    Removed. Thanks a lot Marc!

  • MarcQuinlivanMarcQuinlivan Registered Users Posts: 56 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 Registered Users Posts: 37 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 Registered Users Posts: 1,101 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 Registered Users Posts: 19 Big grins

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

    Follow me on Diario Fotografico (Photo Diary) and Blog

  • ShinryaShinrya Registered Users Posts: 197 Major grins

    @tomnovy said:
    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.

    Hey Tom, I was trying to have a bit of a tinker with the EU banner code again today. I saw the customized banner you have on your site which looks loads better.

    Any chance you would be able to share some tips on how to achieve a similar look?

  • MarcQuinlivanMarcQuinlivan Registered Users Posts: 56 Big grins

    You can get rid of it using this:

    aside.sm-nui.sm-cookie-consent { display: none !important; bottom: unset !important; }

Sign In or Register to comment.