Help With Removing Left Sidebar from All Galleries

jasongrover

Hi there,

I am building my website and am looking for some help as I can't seem to figure this out. I setup a site wide left sidebar which will house my logo, navigation and social media icons. I would like to hide the left sidebar for all my galleries and folders. I managed to hide the left side bar using this bit of code I found;

.sm-page-layout-region-left {
display: none;
}

but now I am left with a bunch of empty space where my sidebar was. Is there a way to remove this empty space and have my gallery looking center?

I did do a couple of searches on the net and came across this code that Hikin' Mike posted but I could not get it to work.

.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;}

Any help would be greatly appreciated. Here is a link to a gallery I been trying to work on, https://www.jasongrover.com/2019/03-24-2019-Jenna-Heisler/Edits/

Thanks!

Hikin' Mike

@jasongrover said:
I did do a couple of searches on the net and came across this code that Hikin' Mike posted but I could not get it to work.

.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;}

The reason this doesn't work is because this was for specifically that person and that specific page. Note the .sm-page-node-LHcXwv.

You are better off changing how your designing your site then trying to use CSS. If you only want your sidebar displayed on your home page, then make it "Only This Page" and make your galleries/folders with no sidebar.

Hikin' Mike

Anyway, this should work:

.sm-user-ui .sm-gallery,
.sm-user-ui .sm-gallery-cover-container,
.sm-user-ui .sm-page-layout-region-center {margin: auto !important;}

jasongrover

That worked perfectly. Thank you so much Mike!

Have a Happy New Year!

dhruvmehta12

Hi, I was looking for this exact thing, now I have a bunch of galleries in a single folder, is there a way to apply the same code to all the galleries at once, as in not to put a CSS box in each gallery or page?