global site chages

brandofamily · June 30, 2014

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?

rainforest1155 · 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.

brandofamily · 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);
}

Allen · 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.

Allen · 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.

brandofamily · 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.

Allen · 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.

brandofamily · 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}

Allen · 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}

brandofamily · 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.

brandofamily · 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;}

Allen · 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

brandofamily · July 2, 2014

Anyone else have any input here on class names for gallery types?

global site chages

Comments