A gallery without sidebar?

jemostromjemostrom Chief Master of WeirdnessPosts: 133Registered Users Major grins
edited October 11, 2019 in SmugMug Customization

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?

Jan Erik Moström

Comments

  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 4,478Registered Users Major grins

    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).

  • jemostromjemostrom Chief Master of Weirdness Posts: 133Registered Users Major grins

    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".

    Jan Erik Moström
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 4,478Registered Users Major grins
  • jemostromjemostrom Chief Master of Weirdness Posts: 133Registered Users Major grins
    edited October 11, 2019

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

    Jan Erik Moström
  • denisegoldbergdenisegoldberg Major grins North Andover, MAPosts: 12,432Super Moderators moderator

    @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.

  • jemostromjemostrom Chief Master of Weirdness Posts: 133Registered Users Major grins

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

    Jan Erik Moström
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 4,478Registered Users Major grins

    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.

  • jemostromjemostrom Chief Master of Weirdness Posts: 133Registered Users Major grins

    Thanks, that worked perfectly

    Jan Erik Moström
  • jemostromjemostrom Chief Master of Weirdness Posts: 133Registered Users Major grins

    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?

    Jan Erik Moström
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 4,478Registered Users Major grins

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

  • jemostromjemostrom Chief Master of Weirdness Posts: 133Registered Users Major grins

    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 :D ). 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.

    Jan Erik Moström
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 4,478Registered Users Major grins

    @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.

  • jemostromjemostrom Chief Master of Weirdness Posts: 133Registered Users Major grins

    :D so stupid I am

    Jan Erik Moström
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 4,478Registered Users Major grins

    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.

  • jemostromjemostrom Chief Master of Weirdness Posts: 133Registered Users Major grins

    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.

    Jan Erik Moström
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 4,478Registered Users Major grins
    edited October 15, 2019

    @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..

Sign In or Register to comment.