A gallery without sidebar?

jemostrom

Probably a stupid question but ... on my site I'm using a theme that has a sidebar to the left. Is it possible to create a single gallery that doesn't have this sidebar, and/or a sidebar that is different than the rest of the site?

Hikin' Mike

Yes. Select your Gallery that you want to be different. Go to the Customizer and select "Make This Gallery Custom". You should be able to remove the sidebar (I don't use one).

jemostrom

Thanks, unfortunately I just realized that I was using the wrong terminology. I found "Sidebars" in the layout section ... both set to off. Unfortunately I used "Sidebar" for the left navigation column that the theme have. When I move over them I get "On Entire Site".

Hikin' Mike

You need to post the gallery here then.

jemostrom

This is the gallery I'm playing with https://minnen.mostrom.eu/customize/Other/Mobile/ (I'm redoing the whole site)

denisegoldberg

@jemostrom said:
This is the gallery I'm playing with https://minnen.mostrom.eu/customize/Other/Mobile/ (I'm redoing the whole site)

That page can only be accessed by you (or SmugMug support staff) since you need to be logged in to your site to get to the customize pages.

Mike needs access to either a public or unlisted page or gallery.

jemostrom

Opps, sorry I don't know what I was thinking of, https://minnen.mostrom.eu/Other/Mobile/n-LHcXwv/

Hikin' Mike

Add this to your theme's custom CSS section. If you don't know how, read my "Add CSS to Your Site" in my signature below.
.sm-user-ui .sm-page-node-LHcXwv .sm-page-layout > .sm-page-layout-region > .sm-page-layout-region-left.sm-page-layout-region-pinned {display:none;}

This will remove (hide) the left sidebar on that gallery only.

jemostrom

Thanks, that worked perfectly

jemostrom

Can I ask how to find that CSS "path" (I changed something ... can't figure out what and it's visible again)? Is there a tutorial somewhere?

Hikin' Mike

I use the webtool in Firefox to help find out "what's what". Not sure I understand the question though.

jemostrom

The CSS you gave me worked at first but then I did something that made it fail and I can't figure out what the problem is. And since I'm probably going to break things again I thought it was best to learn how to fix this myself. I've also been using FF trying to figure out why it broke. But my knowledge of CSS is a bit limited so I'm probably missing something basic. From what I understand the CSS you gave me means:

set the visibility to none for the elements that have both the .sm-page-layout-region-right and sm-page-layout-region-pinned classes set, and is a child of .sm-page-layout-region which should be a child of .sm-page-layout which should be enclosed in an element with .sm-page-node-LHcXwv which in turn should be enclosed in an element with the class set to .sm-user-ui

So I started to look at the page (using "inspect element" and "page source") and as far as I can see everything is correct ... but the sidebar still shows (the easy solution for me is probably to change theme ). When I look furter I can't see that 'display:none' is ever set and if I add it manually it works just fine. So I tried to figure out if the custom CSS is actually loaded but looking at the source I can't say anything (I don't know how it should look like). So I tried modifying the CSS you gave me to be

.sm-user-ui .sm-page-node-LHcXwv .sm-page-layout > .sm-page-layout-region > .sm-page-layout-region-left.sm-page-layout-region-pinned {display:none;background-color:red !important;}

But no change, I think the red background should become visible but no change. To rule out caching issues I tried using Safari, I cleared the cache and reloaded but I still see the sidebar. So right now I'm at a complete loss what the problem is.

Hikin' Mike

@jemostrom said:
.sm-user-ui .sm-page-node-LHcXwv .sm-page-layout > .sm-page-layout-region > .sm-page-layout-region-left.sm-page-layout-region-pinned {display:none;background-color:red !important;}

But no change, I think the red background should become visible but no change. To rule out caching issues I tried using Safari, I cleared the cache and reloaded but I still see the sidebar. So right now I'm at a complete loss what the problem is.

I'm not seeing the code on your site.

You won't see the background because display:none; removes it.

jemostrom

so stupid I am

Hikin' Mike

If you still want a red background, there are other ways of removing (hiding) the menu and social icons. I just thought that way was easier.

jemostrom

No, no ... it was just me trying to see if the CSS was actually loading. I tend to do set the background color to something really easy to see so I can actually see if I've written the correct CSS. So if I create a page from scratch you would see blocks of red, yellow, blue, green etc just so I can make sure that the selectors are correct and I haven't messed things up.

For some reason it works again. What happened was that I moved your markup from "whole site" to that specific gallery and then it works.

Hikin' Mike

@jemostrom said:
No, no ... it was just me trying to see if the CSS was actually loading. I tend to do set the background color to something really easy to see so I can actually see if I've written the correct CSS. So if I create a page from scratch you would see blocks of red, yellow, blue,

I do the same thing when I'm designing or more likely troubleshooting.

@jemostrom said:
For some reason it works again. What happened was that I moved your markup from "whole site" to that specific gallery and then it works.

Should have worked, but if you got it running, that's all that matters..