CSS Flow down again

PattoshopPattoshop Western australiaPosts: 6Registered Users 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 "tweak 'til it squeaks" St. Louis, MoPosts: 9,445Registered Users 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 | My Blog
  • AllenAllen "tweak 'til it squeaks" St. Louis, MoPosts: 9,445Registered Users 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 | My Blog
  • PattoshopPattoshop Western australiaPosts: 6Registered Users Big grins
    Still doesn't work for me, The header remains - as it has done through a myriad of touted solutions.
  • AllenAllen "tweak 'til it squeaks" St. Louis, MoPosts: 9,445Registered Users 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 | My Blog
  • AllenAllen "tweak 'til it squeaks" St. Louis, MoPosts: 9,445Registered Users 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 | My Blog
  • PattoshopPattoshop Western australiaPosts: 6Registered Users Big grins
    No change - still doesn't work. CSS is in the 'Entire Site' section.
  • AllenAllen "tweak 'til it squeaks" St. Louis, MoPosts: 9,445Registered Users 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 | My Blog
  • PattoshopPattoshop Western australiaPosts: 6Registered Users 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 Western australiaPosts: 6Registered Users Big grins
    Don't know what you mean by "hide Owner". The security is set to unlisted (anyone with the link)
  • tomnovytomnovy SmugMug Support Hero Leicester, United KingdomPosts: 1,052Registered Users 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 Western australiaPosts: 6Registered Users Big grins

    Made it public - but still doesn't work.

  • AllenAllen "tweak 'til it squeaks" St. Louis, MoPosts: 9,445Registered Users 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 | My Blog
  • tomnovytomnovy SmugMug Support Hero Leicester, United KingdomPosts: 1,052Registered Users 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
Sign In or Register to comment.