Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1335700
    JfantasyBooks
    Participant

    Hello,

    Details:

    Name: JFantasyBooks
    Site: Fantasy-Books
    Site Url: https://fantasy-books.live
    WordPress Version: 4.7.1
    X Version: 4.6.4
    Cornerstone Plugin Version: 1.33

    Problem:

    So, as you can see, if you view any of the posts, the content dock appears as you scroll down. Thing is, the content dock has a black background with an ad as the content.

    Now, I want it to be where the clickable ad itself is the Background, and I would not need to enter anything to the widget, that way, when the content dock pops up, all you see it the ad.

    Or

    To get the background invisible, so that it causes the same affect. (Though this method may cause some problems)

    The ad is a script <script></script>

    Any suggestions?

    Thank You.

    #1336141
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! Before doing anything, I noticed that there are JS errors on the page and that you are using CloudFlare. Most of the time, Cloudfare tries to cache its resources. This can cause stale data to be loaded. To resolve this, you’ll need to disable Cloudfare when the builder is in use. This won’t effect front end performance at all.

    1. Log into CloudFlare and navigate to “Page Rules”
    2. Add a new rule using this URL pattern: *.example.com/*?cornerstone=1
    3. Under custom caching, enable “Bypass cache”
    4. Turn Performance “Off”

    You may need to login to Cloudfare again and purge the site cache. We need to make sure that the JS error is gone. Your issue might just be caching issue.

    Please let us know how it goes.

    #1336160
    JfantasyBooks
    Participant

    Cloudflare will not be a problem. I have disabled what needed to be disabled.

    #1336343
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
    body .x-content-dock {
        background-color: transparent;
        border:0;
        padding:0
    }
    
    body .x-close-content-dock {    
        top: 10px;
        right: 20px;
        font-size: 15px;
    }
      
    
    

    Hope that helps.

    #1336385
    JfantasyBooks
    Participant

    That was perfect. Thank you.

    #1336445
    Christian
    Moderator

    You’re welcome.

  • <script> jQuery(function($){ $("#no-reply-1335700 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>