global site chages

brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
edited July 2, 2014 in SmugMug Support
If I customize a gallery by clicking "just this gallery" is there anyway to affect a change to that gallery my using site-wide code, using a gallery-wide html box?

Comments

  • rainforest1155rainforest1155 Registered Users Posts: 4,566 Major grins
    edited June 30, 2014
    I'm not sure on what exactly you're trying to do. Perhaps you could elaborate / include a specific example?

    In general, if you make a gallery custom, that gallery would no longer make use of any customizations on the "all galleries" section. However, the customizations from "entire site" should still take effect.
    Sebastian
    SmugMug Support Hero
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited June 30, 2014
    rainforest1155 wrote: »
    I'm not sure on what exactly you're trying to do. Perhaps you could elaborate / include a specific example?

    In general, if you make a gallery custom, that gallery would no longer make use of any customizations on the "all galleries" section. However, the customizations from "entire site" should still take effect.

    I am trying to add a "Back to top" bottom to all the Collage style galleries. If I add it to entire site I need to target just that type of gallery, which I an having trouble doing.
    Here's what I am trying to add... 
    [B]HTML[/B]

<div id="topButton">
<a href="#sm-page-content">Back To Top</a>
</div>

[B]CSS[/B]

#topButton {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -45px;
  margin-bottom: 50px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 90;
  width: 50px;
  height: 50px;
  padding-top: 12px;
  background: rgba(0, 0, 0, 0.73);
  border: 0px !important;
  border-radius: 5px;
  -webkit-transition: opacity 400ms ease 0, visibility 0ms linear 500ms;
  -moz-transition: opacity 400ms ease 0, visibility 0ms linear 500ms;
  transition: opacity 400ms ease 0, visibility 0ms linear 500ms;
}

#topButton a {
  display: block;
  overflow: hidden;
  line-height: 400px;
  position: relative;
  left: 50%;
  width: 24px;
  margin-left: -12px;
  height: 29px;
  background: url(http://www.brandolinoimaging.com/photos/i-NGRZjzN/0/O/i-NGRZjzN.png) 0 0 no-repeat;
  margin-bottom: 5px;
}

#topButton:hover {
  background: rgba(0, 0, 0, 0.85);
}
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited June 30, 2014
    To me, I have found that all CSS flows down and the "just this ..." CSS is used to override CSS from above.
    Also to add specific CSS for only that page.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited June 30, 2014
    Just saw your last post. I think you need to find a specific class name for that type of gallery. Then apply
    that in your CSS to hide/show.

    Back in the past I think someone posted the class names to the different gallery types but I can't find it.
    If not Smug needs to add a class name to every page defining the page type/gallery style.

    BTW, I've added "Back to Top" only to specific pages.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited June 30, 2014
    Allen wrote: »
    Just saw your last post. I think you need to find a specific class name for that type of gallery. Then apply
    that in your CSS to hide/show.

    Back in the past I think someone posted the class names to the different gallery types but I can't find it.
    If not Smug needs to add a class name to every page defining the page type/gallery style.

    BTW, I've added "Back to Top" only to specific pages.

    Ya, I know I can add it to just specific pages but there are a bunch to change at this point and I would rather not have to add that code every time I change a gallery to collage.

    You are correct as to the class thing, but I cannot figure out the class. I often long for OLD SM where I knew the class codes.
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited June 30, 2014
    brandofamily wrote: »
    Ya, I know I can add it to just specific pages but there are a bunch to change at this point and I would rather not have to add that code every time I change a gallery to collage.

    You are correct as to the class thing, but I cannot figure out the class. I often long for OLD SM where I knew the class codes.
    You can add the CSS to "entire site" or "all galleries" but the "Back to Top" DIV has to be added only to specific pages.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited June 30, 2014
    Allen wrote: »
    You can add the CSS to "entire site" or "all galleries" but the "Back to Top" DIV has to be added only to specific pages.

    If I use a site wide HTML block I SHOULD be able to hide it {display:none} and show it on the Collage galleries ... Collage Class {display:block}
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited June 30, 2014
    brandofamily wrote: »
    If I use a site wide HTML block I SHOULD be able to hide it {display:none} and show it on the Collage galleries ... Collage Class {display:block}
    Only if you can specific CSS for that gallery style.

    As of now without being able to specific gallery style I think you have to make the gallery "Just this .."
    and add "Just this .." CSS block.

    In "entire site" CSS
    #topButton {display:none}
    in each specific gallery "just this ..." CSS
    #topButton {display:block}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited June 30, 2014
    Allen wrote: »
    Only if you can specific CSS for that gallery style.

    As of now without being able to specific gallery style I think you have to make the gallery "Just this .."
    and add "Just this .." CSS block.

    In "entire site" CSS
    #topButton {display:none}
    in each specific gallery "just this ..." CSS
    #topButton {display:block}

    Sure that will work, but if I have to modify each gallery then it defeats the purpose of the global setting. I am trying to avoid making adjustments to each gallery.
    Hopefully someone will chime in with the class code I need.
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited June 30, 2014
    brandofamily wrote: »
    Sure that will work, but if I have to modify each gallery then it defeats the purpose of the global setting. I am trying to avoid making adjustments to each gallery.
    Hopefully someone will chime in with the class code I need.

    This SHOULD be the Class (based on several of the customizations the gurus have created), .sm-gallery-roworganic, but it is not working.
    .sm-gallery-roworganic #topButton {display:block !important;}
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited June 30, 2014
    brandofamily wrote: »
    This SHOULD be the Class (based on several of the customizations the gurus have created), .sm-gallery-roworganic, but it is not working.
    .sm-gallery-roworganic #topButton {display:block !important;}
    You don't see that class name until you drill down to the photos. You would need a body class.

    Not sure if in CSS you can check the whole page for a class name.
    Something like this

    IF page contains sm-gallery-roworganic THEN display:block
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited July 2, 2014
    Anyone else have any input here on class names for gallery types?
Sign In or Register to comment.