Atilla Boz

I know. See my goal was to add that little badge at the left side of the title. I wanted to adress a CSS class that is only in use for premium entries but could not find the right one to add the CSS so I took the post ID of each post by post. Totally sucks, cause I have to add a line CSS anytime I add a new premium entry.

Is there a CSS class, that is only in use with premium entries?

Thx,
Atilla

Ahh you might be right. here on top we have the body classes from the normal page, and the second one is from the preview area.

gd_theologen_redner-template-default single single-gd_theologen_redner postid-9871 logged-in admin-bar geodir_advance_search geodir_custom_posts geodir-page sd role-administrator et-pb-theme-hochzeit premium chrome et_divi_builder js gd-map-auto customize-support gd-multi-datepicker gd-google-maps

page-template-default page page-id-5536 logged-in admin-bar geodir_advance_search geodir_custom_posts geodir-page sd sd-preview role-administrator et-pb-theme-hochzeit premium chrome et_divi_builder js gd-map-auto customize-support gd-multi-datepicker gd-google-maps

missing on the first one: sd-preview, page-id-5536, page, page-template-default
missing in the preview: gd_theologen_redner-template-default single single-gd_theologen_redner postid-9871

Now I gotta find out which one is needed to make it work and how I can add it int the body class of the preview page. Gonna check back soon as I have some news.

Thank you Stiofan!

😀

I dont know exactly why, but now I got it working without the double-loading effect. I first changed the splash pages CSS since it was a km of code (1000 lines…). Nothing changed but at least less code.

The I tried different ways with display none stuff and trying to change the CSS via jQuery. Didnt work out. Then in the end, it seemed to work out of nowhere – but I aslo changed the position a little. Anyways, this is how it works for me:

In the footer, right before the closing body Tag I added this:

<!-- Begin Splash  -->
<script>
     jQuery(document).ready(function() {     
              if (jQuery.cookie('noShowSplash')) {
                           jQuery('#splash').hide();
                     }
             else {
                 jQuery("#close-splash").click(function() {
                 jQuery("#splash").fadeOut(1000);
                 jQuery.cookie('noShowSplash', true);    
                 jQuery("#splash").css("display","block !important");
                 });
             }
         });
</script>
<div id="splash">
    <div id="splash-inner">
        <h2>Hello..!<h2> 
        <h2>Splash Page text bla bla</h2>
        <br>

        <a id="close-splash" href="#">Continue to the website...</a>
    </div>
</div>
<!-- End splash -->

And this little CSS to position the page as overlay:

#splash {
    background-color: rgba(0, 0, 0, 0.81);
    height: 100vh;
    padding: 2vh;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100000 !important;
    color: #fff;
    font-family: 'Nunito', sans-serif, Helvetica !important;
}
#splash-inner {
   display: block;
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    top: 10%;
    background: #fff;
    border-radius: 21px;
    padding: 30px;
    margin-top: 140px;
    border: 2px solid #de0540;
}

Thanks for the hint with jQuery!

So this way round? But the thing with the sliders should be something different I guess. I had that double loading thing before, too. Gonna test switching off the geolocation question.

<script>
/* Add Cookie to check if the splash page has been visited  */
jQuery(document).ready(function() {
    if jQuery("#close-splash").click(function() {
            jQuery("#splash").fadeOut(1000);
            jQuery.cookie('noShowSplash', true);    
        });
    else {
        (jQuery.cookie('noShowSplash')) jQuery('#splash').hide();
    }
});
</script>

P.S.: The goal is that when you copy & paste the domain, that the splash page does not show up. So far I only managed, that the splash div does not show up, when the referrer domain is the the websites domain itself.

I have used this code for it – when you come from the same domain the div get display: none and when you come from outside you get display: block

$sites = array("boz1.timmeserver.de", "hochzeit-premium.de");
        if (!in_array(parse_url($_SERVER['HTTP_REFERER'], PHP_URL_HOST), $sites)) :
        ?>
        <style>#splash {display: block;}</style>
        <?php else:?>
        <style>#splash {display: none;}</style>
        <?php endif; ?>

Yeah I know this is quite a special question – but you guys are also quite a special support team 🙂

Best wishes again,
Atilla

Hi Kiran,

in the end it is a fake mandatory field you can still make the entry without writing a description. So it would be already enough if I could hide that * sign

Thanks,
Atilla