Removing entire site content for a single page

Roscodav · November 25, 2013

Is there a way to block or remove content that is at the entire site level for a specific page. What I am trying to do is create a simple holding page that doesn't have the menu or logo at the top but i don't want to remove these elements from the entire site section as ill have to edit every page when i make changes.

I am suspecting there is some CSS that might be able to block it?

Many Thanks

Allen · November 25, 2013

"specific page"? Gallery page? Folder page?
CSS can be added to hide almost anything on the page.

Roscodav · November 26, 2013

I have just created a page http://www.loose-canon.net/Redcanon

I have removed all elements that I am able to but for this page only i want to block the logo and menu content blocks.

Many Thanks

Roscodav · November 26, 2013

Sorry and need to remove/block the background photo

Allen · November 26, 2013

Roscodav wrote: »

I have just created a page http://www.loose-canon.net/Redcanon

I have removed all elements that I am able to but for this page only i want to block the logo and menu content blocks.

Many Thanks

See if this works in your "Just This ..." CSS.

.sm-page-node-b8qNT .sm-page-widget-logo,
.sm-page-node-b8qNT .sm-page-widget-462400
{display:none;}

Roscodav · November 26, 2013

That worked perfectly.... do you have the line that will do the background image as well please.

thank you for your help!

Allen · November 26, 2013

Roscodav wrote: »

That worked perfectly.... do you have the line that will do the background image as well please.

thank you for your help!

Ya might set a different theme without a background.

Roscodav · November 26, 2013

sorry yes forgot that wasn't site wide.. That is all perfect. Thanks again for your help!

SanDiegoPaulRode · February 10, 2014

May I ask for clarification?
Hi, I searched the forum for this thread as it seems I want the same thing.

I created a page, and I want to remove the site elements at the top, the "entire site content".
I simply don't want it to show here. I saw the CSS code above and that's where my query comes from. I must be making an error since adding that code does not hide the elements. I added a CSS block for just this page and added that CSS code above,nothing happened. What did I do wrong? Thanks!

Allen · February 10, 2014

SanDiegoPaulRode wrote: »

Hi, I searched the forum for this thread as it seems I want the same thing.

I created a page, and I want to remove the site elements at the top, the "entire site content".
I simply don't want it to show here. I saw the CSS code above and that's where my query comes from. I must be making an error since adding that code does not hide the elements. I added a CSS block for just this page and added that CSS code above,nothing happened. What did I do wrong? Thanks!

Got a link to the page? Most elements on every page have different class names.
The CSS in post 5 above is for that specific page. All pages are different. The red part.
.sm-page-node-b8qNT

What elements do you want removed?

SanDiegoPaulRode · February 10, 2014

Hi and thanks. The original query I sent to the awesome smugmug support heroes came back with this response, I am thinking their wording may assist.

What you are wanting to do is going to require some CSS to hide the Entire Site page elements from just that page. This is an advanced customization that the experts on dgrin.com can help you with. They can guide you on the correct CSS elements to use. http://www.dgrin.com/forumdisplay.php?f=64
All the best,

--Doc

Allen · February 10, 2014

In order to help we'll need to see the page so the correct class names for the elements you
want to remove can be obtained. Have you unveiled your site? If not there's not much we can do.

To construct the CSS takes the class names of the elements plus the node ID of the page.
The site wise logo keeps the same class name on every page but the page and widgets change
on ever page. Red
.sm-page-node-b8qNT .sm-page-widget-logo,
.sm-page-node-b8qNT .sm-page-widget-462400

SanDiegoPaulRode · February 10, 2014

I see that and changed it on the code to the jqnkk , it made the logo disappear, yay!

I notice the upper nav bar is still there though, Does the number change (the 462400)?

Allen · February 10, 2014

SanDiegoPaulRode wrote: »

I see that and changed it on the code to the jqnkk , it made the logo disappear, yay!

I notice the upper nav bar is still there though, Does the number change (the 462400)?

Open your page source and search of this "sm-page-widget-nav".

Here's what mine looks like
<div id="sm-page-widget-qvWm5fNM" class="sm-page-widget sm-page-widget-nav sm-page-widget-375144">

The red is the class for my nav, you should have one with a different number. I checked two of my
pages and the number was the same.

BTW, you could make this page "Just this ...." but by using the page node id on each it'll only apply to
this page. Or if it is already a independently made page it could go in "Just this ..." CSS.

SanDiegoPaulRode · February 11, 2014

Ok, last dumb question, where do I find the page source? I recognize the number will be there but hmmmm, where is it? I amusing a MacBook Pro

Also, I'm puzzled by your use of "just this ..." I saw it in the earlier posts, I see "just this page" on my customization bar. But I'm thinking you are meaning more. Thanks for your help!

Allen · February 11, 2014

SanDiegoPaulRode wrote: »

...Also, I'm puzzled by your use of "just this ..." I saw it in the earlier posts, I see "just this page" on my customization bar. But I'm thinking you are meaning more. Thanks for your help!

On any page when you go into customize you can chose to make that page custom, independently
customiz it different from every other page of that type.

For a gallery, in the right flyout under "all galleries" you'll see "Make This Gallery Custom". After you
click it and apply you'll now see "Just This Gallery" under "All Galleries".

Pages automatically come in independent with "Just This Page" highlighted.
Folders have to be clicked "Make This Folder Custom" to get the "Just This Folder".

So I use the generic term "Just This ..." to cover any of the page types. It's the
one to highlight when customizing an independent page, folder or gallery.

Allen · February 11, 2014

SanDiegoPaulRode wrote: »

Ok, last dumb question, where do I find the page source? I recognize the number will be there but hmmmm, where is it? I amusing a MacBook Pro...!

One of the MAC people will have to chime in for that.

I use Firebug for Firefox on Win7. I can right click on a page element and bring up the html to see all the div's and classes.

Example of clicking a html box (widget on a page) (scroll to right to see all)

...
<div id="yui_3_8_0_1_1392133181483_1841" class="sm-page-layout-column yui3-u" data-layout-column="0" style="width: 100%;">
    <div id="sm-page-widget-NKvFM6BJ" class="sm-page-widget sm-page-widget-html [COLOR=Red]sm-page-widget-4427663[/COLOR]" data-typeid="4427663">
        <div id="yui_3_8_0_1_1392133181483_1840" class="sm-page-widget-content">
            <div class="sm-page-widget-header"></div>
            <div id="sm-page-widget-2rsTXWJn" class="sm-page-widget-body"
...

This is the top of the page source html. In the "body" you can find the individual ID for a page, every
page is different. If you do or do not make a page independent you can use this page class to modify
CSS in "all galleries", "all folders" or "entire site" for only this page.

<html class="sm-ua-gecko sm-browser-firefox sm-browser-firefox-26 sm-platform-windows sm-ff-win sm-user-ui yui3-js-enabled" xmlns:fb="http://ogp.me/ns/fb#" xmlns="http://www.w3.org/1999/xhtml">
    <head itemtype="http://schema.org/Thing" itemscope=""></head>
    <[COLOR=Red]body[/COLOR] id="yui_3_8_0_1_1392133181483_1824" class="sm-user-pro sm-user-loggedin sm-user-owner sm-page sm-page-node [COLOR=Red]sm-page-node-pzwz7[/COLOR]" style="">
        <div id="yui_3_8_0_1_1392133181483_1871" class="sm-nui"></div>
...

Removing entire site content for a single page

Comments