CSS Flow down again

PattoshopPattoshop Registered Users Posts: 9 Big grins
Been trying without success to hide the header section for all folders and galleries within and including a folder with the following site-wide CSS >

/* Hide theHeader for all folders and galleries within the Family Archive Section */
.sm-user-ui .sm-page-node-cLtNnt .sm-parentnode-qGtjpT .sm-page-layout-region-header {
display: none ;
}

It works when .sm-page-layout-region-header { display: none ; } is added to folder specific CSS.

The URL for the top level page in question ends with cLtNnt
Tagged:

Comments

  • AllenAllen Registered Users Posts: 10,008 Major grins

    If .sm-page-node-cLtNnt is the top folder

    .sm-page-node-cLtNnt .sm-page-layout-region-header {
    display: none ;
    }

    .sm-parentnode-cLtNnt would be the flow down from that folder.

    .sm-parentnode-cLtNnt .sm-page-layout-region-header {
    display: none ;
    }

    I would also add in CSS so you see it all when logged in for maintenance purposes.

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • AllenAllen Registered Users Posts: 10,008 Major grins
    edited November 6, 2018

    All of these are in the same class group so no space is needed between them in the logged in version.

    .sm-page-node-cLtNnt .sm-page-layout-region-header {
    display: none ;
    }
    .sm-user-loggedin.sm-user-owner.sm-page-node-cLtNnt .sm-page-layout-region-header ... {
    display: block;
    }
    .sm-parentnode-cLtNnt .sm-page-layout-region-header {
    display: none ;
    }
    .sm-user-loggedin.sm-user-owner.sm-parentnode-cLtNnt .sm-page-layout-region-header ... {
    display: block;
    }

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • PattoshopPattoshop Registered Users Posts: 9 Big grins
    Still doesn't work for me, The header remains - as it has done through a myriad of touted solutions.
  • AllenAllen Registered Users Posts: 10,008 Major grins

    Copy the CSS you used and paste in here.
    Where did you put the CSS?

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • AllenAllen Registered Users Posts: 10,008 Major grins
    edited November 8, 2018

    I just used this on my site and it worked. Was missing "page" in this sm-parentnode-cLtNnt.

    Corrected CSS with "page" inserted.

    /* Hide theHeader for the Family Archive Section top folder*/
    .sm-page-node-cLtNnt .sm-page-layout-region-header {
    display: none;}

    /* Hide all children under the Family Archive Section top folder*/
    .sm-page-parentnode-cLtNnt .sm-page-layout-region-header {
    display: none;}

    /* UnHide theHeader for the Family Archive Section top folder*/
    .sm-user-loggedin.sm-user-owner.sm-page-node-cLtNnt .sm-page-layout-region-header {display: block;}

    /* UnHide all children under the Family Archive Section top folder*/
    .sm-user-loggedin.sm-user-owner.sm-page-parentnode-cLtNnt .sm-page-layout-region-header {display: block;}

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • PattoshopPattoshop Registered Users Posts: 9 Big grins
    No change - still doesn't work. CSS is in the 'Entire Site' section.
  • AllenAllen Registered Users Posts: 10,008 Major grins
    edited November 9, 2018

    A few things I can think of.

    Did you put it at the bottom of the 'Entire Site' CSS? Order is very important in case it has to override something.

    Are you sure you have the correct sm-page-node-??????? for that one folder?

    Try adding !important to each.
    display: none !important;
    display: block !important;

    The folder is not set to "Hide Owner".

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • PattoshopPattoshop Registered Users Posts: 9 Big grins
    edited November 10, 2018
    Thanks for hanging in with this.
    Yes is is at the bottom, yes I have added !Important
    I presume the node is correct as it is the the last part of the public URL and the body tab shows as follows >
    body class="sm-user-professional sm-page sm-page-node sm-page-node-cLtNnT sm-page-parentnode-qGtjpT"
  • PattoshopPattoshop Registered Users Posts: 9 Big grins
    Don't know what you mean by "hide Owner". The security is set to unlisted (anyone with the link)
  • tomnovytomnovy Registered Users Posts: 1,101 SmugMug Employee

    Hey Pattoshop,

    This will not work with UNLISTED galleries - this is mainly for security reasons. You can use CSS flow down customization only on PUBLIC galleries. We have mentioned this in this post: https://dgrin.com/discussion/comment/1976654/#Comment_1976654

    SmugMug Support Hero | Customizer | My SmugMug site - http://www.photom.me | Customization Portal - https://portal.photom.me
  • PattoshopPattoshop Registered Users Posts: 9 Big grins

    Made it public - but still doesn't work.

  • AllenAllen Registered Users Posts: 10,008 Major grins
    edited November 13, 2018

    I have no idea where you got this but I have six UNLISTED galleries in this flow down CSS from
    my top bird folder/category and it works find. Specifically, I change the banner widget background.

         ____ ____ birds ____ ____,
        ...
        ...
        ...
        .sm-page-parentnode-Qm7v4 .sm-page-widget-12536016,
        .sm-page-node-Qm7v4 .sm-page-widget-12536016 {
           background: url(/photos/i-TCFHsP7/1/XL/i-TCFHsP7.jpg) no-repeat; 
           height: 130px;  max-width: 1024px;
           position:relative;
           margin: 0 auto !important;
           background-size: contain !important;
        }
    

    BTW, All my family galleries are passworded and flow down works there also.

    @tomnovy said:
    Hey Pattoshop,

    This will not work with UNLISTED galleries - this is mainly for security reasons. You can use CSS flow down customization only on PUBLIC galleries. We have mentioned this in this post: https://dgrin.com/discussion/comment/1976654/#Comment_1976654

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • tomnovytomnovy Registered Users Posts: 1,101 SmugMug Employee
    edited November 14, 2018

    Hey Allen my statement applies to galleries that are in UNLISTED nodes. So if you have an UNLISTED folder and you have a gallery in this unlisted folder - CSS FLOW will not work.

    SmugMug Support Hero | Customizer | My SmugMug site - http://www.photom.me | Customization Portal - https://portal.photom.me
  • PattoshopPattoshop Registered Users Posts: 9 Big grins

    What I thought might have been flowdown working was just page specific CSS. Deleted all page specific CSS and stuff like this dowsn't work on a LISTED folder
    /* Hide theHeader for the Family Archive Section top folder*/
    .sm-page-node-cLtNnT .sm-page-layout-region-header .sm-page-parentnode-cLtNnT .sm-page-layout-region-header{
    display: none !Important;
    }

  • PattoshopPattoshop Registered Users Posts: 9 Big grins

    …or I should have said - it only works on the top folder - there is no flow-down

  • AllenAllen Registered Users Posts: 10,008 Major grins

    You are missing a comma in this.

    What I thought might have been flowdown working was just page specific CSS. Deleted all page specific CSS and stuff like this dowsn't work on a LISTED folder
    /* Hide theHeader for the Family Archive Section top folder*/
    .sm-page-node-cLtNnT .sm-page-layout-region-header .sm-page-parentnode-cLtNnT .sm-page-layout-region-header{
    display: none !Important;
    }

            /* Hide theHeader for the Family Archive Section top folder*/
            .sm-page-node-cLtNnT .sm-page-layout-region-header,
             .sm-page-parentnode-cLtNnT .sm-page-layout-region-header{
            display: none !Important;
            }
    
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • PattoshopPattoshop Registered Users Posts: 9 Big grins

    Yes - I think that fixed it - yet to fully test - initial signs are good! Thanks

Sign In or Register to comment.