Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1048891
    that1guy
    Participant

    Can you just give me one code to paste? Like everything together. I’m kinda confused by your last post and it’s still not looking right.

    Thanks

    #1049132
    Christopher
    Moderator

    Hi there,

    Please find this code and remove it :

    .x-scroll-top.left {
        left: 48%;
    }
    body .x-scroll-top {
        width: 100%;
        border: 0;
        text-align: center;
        background-color: #000;
        border-radius: 0;
        height: auto;
    }

    And add this code instead :

    .x-scroll-top.left {
        left: 0 !important;
    }
    body .x-scroll-top {
        width: 100%;
        border: 0;
        text-align: center;
        background-color: #000;
        border-radius: 0;
        height: auto;
        text-align: right;
        padding-right: 10px;
    }

    Hope it helps.

    #1049316
    that1guy
    Participant

    In cornerstone it’s transparent and on my site, it doesn’t show up at all. Screenshot attached. Disregard the first screen shot

    #1049564
    Rad
    Moderator

    Hi there,

    It’s not displaying or fading in on my end, would you mind providing your site’s login credentials in private reply?

    I like to see your setting first.

    Thanks!

    #1049584
    that1guy
    Participant

    Can’t you just show me a screen shot of everything that’s supposed to be in the custom CSS area. Is it possible having CSS code in cornerstone and in regular WP CSS while in “customize” is causing this? I will delete all CSS in both areas. Can you advise from there?

    Thanks

    #1050002
    Rad
    Moderator

    Hi there,

    That’s not possible as I’m not even sure if the issue is with the provided CSS. It’s completely hidden on my end, hence, it could be something else. The CSS is not working because scroll top isn’t there.

    I can only provide the further recommendation if I’m able to check it.

    Thanks!

    #1050060
    that1guy
    Participant
    This reply has been marked as private.
    #1050079
    Christopher
    Moderator

    Hi there,

    Please navigate to Customize -> Footer and update ‘When to Display the Scroll Top Anchor ‘ option to 80.

    Update this code :

    body .x-scroll-top {
        width: 100%;
        border: 0;
        text-align: center;
        background-color: #000;
        border-radius: 0;
        height: auto;
        text-align: right;
        padding-right: 10px;
    }

    To :

    body .x-scroll-top {
        width: 100%;
        border: 0;
        text-align: center;
        background-color: #000;
        border-radius: 0;
        height: auto;
        text-align: right;
        padding-right: 10px;
        color: red;
    }

    Hope it helps.

    #1050142
    that1guy
    Participant

    See screen shot of what’s going on

    https://vid.me/Jm1k

    #1050162
    Christopher
    Moderator

    Hi there,

    Sorry I don’t understand exactly what the issue is from screen cast. I just tested scroll top anchor and it was working fine. Maybe you’re referring to full width scroll top area?

    If so, you can simply remove width: 100%; property from previous code.

    Hope it helps.

    #1050164
    that1guy
    Participant

    When I hover over the Back to top area the arrow disappears and the whole bar is transparent and not a solid color

    #1050169
    that1guy
    Participant

    And it’s still on top/covering content. See screen shot

    #1050171
    Christopher
    Moderator

    Please add this code as well :

    body .x-scroll-top:hover {
        color: #fff;
        background-color: #000;
        opacity: 1 !important;
    }

    Hope it helps.

    #1051231
    that1guy
    Participant

    I don’t get why there is always a problem on my end, but you say it work on yours?? About ready to cry…

    #1051324
    that1guy
    Participant

    Should the top anchor button be enabled in cornerstone and the regular customizer?

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