overlay

How can i change and turn on the dark overlay you see when you visit the site first time (writer template) with the text: Click here to try out other theme styles............

I can't find the module or whatever it is turning this on.

Hi

Please show me what You have in mind. I was not aware programmers implemented such overlay and cannot see one in demo for sure.

I mean like this.

You can see it yourself if you delete browser cache and then load the writer template demo again.

Hope you or anyone else can help me with it.

Thanks

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#tip-overlay {
    display: none !important;
}


Hello Friends,
if your already talking about this subject, may I ask where you can "tip-overlay" is activated, because for me it is not!
The graphics I already under the folder "/templates/gk_writer/images/overlay-img.png" it.
Do not say that I had the QuickStart Photo template and have now switched to the Writer template!
Or I'm missing because another module or plugin?

Best regards and thanks in advance.



_______________________________
Note: Web site is not currently online!

Hi

I believe it's shown once, so to see tip-overlay again You will have to clear cookies.

Yes I had done, but I had tried it in IE, FF, Chrome, Safari and it did not work!
Even in the QuickStart did not!
The image file was there not exist, then I added it later, but it was not!

Hi

Sorry. Now I know why my copy is showing this I've made it for one of users. Please check this thread:

https://www.gavick.com/forums/quark/exp ... 63#p225763

Many Thanks!
Had before that the file "jquery.cookie.js" search on the internet!
https://plugins.jquery.com/cookie/
And after that it worked!

Hi

Och yes, that's the file I had to add. Must have missed that in instruction, sorry. Hope anyone else will figure this out as well.

hello Teitbite,

I am trying to show exactly the same overlay using the writer template. I add your code in to the file default.php, I create the overlay-img.png and I upload jquery.cookie.js.

After all this action the overlay is appearing on my page, but is not disappearing when I click on it.

Do you have any suggestion?
Thank you.

I take a code from the post
https://www.gavick.com/forums/quark/explanations-for-visitors-needed-44318?p=225763#p225763

Code: Select all

<!-- ADDED BY [email protected] -->
   <div id="tip-overlay"></div>
   <style type="text/css">
      #tip-overlay {
      background: url("overlay-img.png") no-repeat scroll 87% 30px rgba(0, 0, 0, 0.75);
      cursor: pointer;
      height: 100%;
      left: 0;
      opacity: 1;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 99999;
      }
   </style>

   <script type="text/javascript" src="jquery.cookie.js" charset="utf-8"></script>
   <script type="text/javascript">(function($) {$(document).ready(function() {
      if(!$.cookie('tipoverlay')) {
                   $('#tip-overlay').click(function(){
                      $('#tip-overlay').remove();
                           $.cookie('tipoverlay',1,{ expires: 7, path: '/' });
                   });
           } else {
                   $('#tip-overlay').remove();
           }
   });})(jQuery)</script>
   <!-- END -->

Problem solved!
I add jquery script before <script type="text/javascript" src="jquery.cookie.js" charset="utf-8"></script>
Regards,
Mateusz

Hi

Ok, thank You for the input That's correct, I haven't thought about sites where jQuery were not included by default, so it's necessary in some cases.