Back to top code changes by SM?

ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
edited April 15, 2016 in SmugMug Customization
A box with "back to top" pops up (bottom right hand corner) on pages (sorry I haven't checked them all though).

I take it this is newly added SM default behavior? If so, how can I control for it on some pages?

I already have some code on some pages.
Example pages/problems:

(1) http://www.joinrats.com/Sitemap/n-jKKP4/

My little rat (bottom right corner) is the image for "jump to top". If you scroll down almost to the bottom, another "back to top" slides out from the right. It disappears when you move the cursor off. (My code doesn't do the disappearing act, it stays visible).

(2) http://www.joinrats.com/RatHealth/SOUNDS/HealthyOrSickSqueaks/

I have code for back to top (no rat, just a box with the words), which is visible to me when I first load the page, but it disappears from view and is "replaced" by the grey box as described in (1).

I would like to remove the new SM code for some pages and have my code continue, or resume working on all pages where I have it.

Thanks.

Comments

  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited April 13, 2016
    There are a couple of threads with code related to the new back to top changes. Both include CSS that you may be interested in.

    See NEW: "Back to Top" Button and The new Back to Top popup button.

    --- Denise
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited April 13, 2016
    There are a couple of threads with code related to the new back to top changes. Both include CSS that you may be interested in.

    See NEW: "Back to Top" Button and The new Back to Top popup button.

    --- Denise

    Oh, thanks Denise!
    Now if I can just figure out which code applies.... when variations are generated, it's hard to narrow down to "this is it".
  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited April 14, 2016
    ChancyRat wrote: »
    Now if I can just figure out which code applies.... when variations are generated, it's hard to narrow down to "this is it".
    Have you considered using the new SmugMug "back to top" instead? It would be less code for you to maintain.

    --- Denise
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited April 14, 2016
    Have you considered using the new SmugMug "back to top" instead? It would be less code for you to maintain.

    --- Denise

    I only have my code on a few pages. I prefer it because:
    - I like the rat :D
    - I like that the message is visible all the time. No fade-out. When I scrolled on a page to test the SM code, I was confused by the behavior - sometimes the sign was visible, sometimes not. Sometimes when I would have wanted to click it, it wasn't visible. In some instances the invisibility told me "there's nothing here", so I stopped looking for it. Kind of generally confusing. Permanent visibility seems best imo.

    Mainly I like the rat. :D:D
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited April 15, 2016
    ChancyRat wrote: »
    I only have my code on a few pages. I prefer it because:
    - I like the rat :D
    ... ...
    Mainly I like the rat. :D:D

    Oh why am I not surprised!!!!!!! rolleyes1.gif
    You have made my day :D
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited April 15, 2016
    ChancyRat wrote: »
    I only have my code on a few pages. I prefer it because:
    - I like the rat :D
    - I like that the message is visible all the time. No fade-out. When I scrolled on a page to test the SM code, I was confused by the behavior - sometimes the sign was visible, sometimes not. Sometimes when I would have wanted to click it, it wasn't visible. In some instances the invisibility told me "there's nothing here", so I stopped looking for it. Kind of generally confusing. Permanent visibility seems best imo.

    Mainly I like the rat. :D:D
    The new Back To Top now shows on top of your rat. Might turn it off.
    Edit: the new one shows on every one of your pages. Takes three page downs on my browser to show.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited April 15, 2016
    "The new Back To Top now shows on top of your rat. Might turn it off."

    Yes, that's one of the problems - I need the code to turn the SM code off on a page? have not had time to plow through the two longs threads on code variations...

    Is there code to permanently turn on the SM version (on pages where I want it).

    Hi, Allen! It is awesome as always to see you just dig into code and customize it to the stratosphere. iloveyou.gif
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited April 15, 2016
    AceCo55 wrote: »
    Oh why am I not surprised!!!!!!! rolleyes1.gif
    You have made my day :D

    iloveyou.gifiloveyou.gif I spent a lot of time photoshopping that rat. :D:D
  • Lille UlvenLille Ulven Registered Users Posts: 567 Major grins
    edited April 15, 2016
    OK, you don't like try this or that...so I tried on your page in the Firefox web design-tool (if I may call it that way) and it seems to work...so well try this:
    .sm-button.sm-button-size-small.sm-button-skin-submit.sm-page-scroll-to-top {
    	display: none;
    }
    

    If you add this to a CSS which is embedded on "Entire Site" level it should work just fine :)

    Best of luck

    Lille Ulven
    https://www.lilleulven.smugmug.com - The Photos of my travels
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited April 15, 2016
    OK, you don't like try this or that...so I tried on your page in the Firefox web design-tool (if I may call it that way) and it seems to work...so well try this:
    .sm-button.sm-button-size-small.sm-button-skin-submit.sm-page-scroll-to-top {
        display: none;
    }
    
    If you add this to a CSS which is embedded on "Entire Site" level it should work just fine :)

    Best of luck

    Lille Ulven

    Oh, Lille, thank you! Worked like a charm for just this page - pasting the css on the page css:

    http://www.joinrats.com/Sitemap/

    My little rat and I thank you!
  • Lille UlvenLille Ulven Registered Users Posts: 567 Major grins
    edited April 15, 2016
    You're both welcome, ChancyRat. I am glad it worked out for you ... your rat really looks cute and fits the site really well.

    Maybe I should design a cyclist with a big backpack for my scroll-down-pages...(if I have any that you need to scroll)...will only take a couple of years to make that one...

    Have a great weekend

    Lille Ulven
    https://www.lilleulven.smugmug.com - The Photos of my travels
Sign In or Register to comment.