Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi Nitu,

    Thaanks so much for your reply. I have achieved what I wanted with your help.
    To re-cap, in case others follow this in the future…

    I have a passworded page where we share an embedded excel file stored on OneDrive so that members of the church leadership team can see who is scheduled on for each service in different roles.

    My Custom CSS for this page which has ID=900 is shown below.
    I remove/hide the header and footer and main menu, and also set the page to “No Sidebar Content Stretched” along with the CSS to make the content area wider. I also added a margin the page to enable it to show more neatly.
    I am grateful for the help as I’m quite new to this, and hope it helps someone else.

    /* Customise the schedules page id900   */
    .page-id-900 .main-navigation 
    {
        display: none;
    }
    
    .page-id-900 .site-header 
    {
        display: none;
    }
    
    .page-id-900 .footer-socket-wrapper 
    {
        display: none;
    }
    
    body.page-id-900 
    #primary .entry-content
      {
      	margin-left: 20px;
    	margin-right: 20px;
      } 
    
    .page-id-900 #page 
    {
    	max-width: 95%;
    }

    Hi,

    Thanks for your reply. I have changed the setting “No Sidebar Content Stretched” and I see that the page has changed. This is not quite what I wanted though! Sorry.

    What I have is a white content area, with a yellow background. The setting “No Sidebar Content Stretched” has allowed the content to fill to the edge of the white page (content area).

    I wanted to make the white page (content area) wider, so that it fits to the browser size (i.e. in simple terms width = 90%).

    Can this be done with custom css?

    Thanks

    John

    Hi,

    Thanks for your advice. I have managed to improve the menu and it seems to be easier to interact with now.

    Thanks

    John

    Hi,

    I did some more playing and found that this seemed to work:

    /* remove date from posts */
    .date { display: none; }
    

    Is this the right way to do it or will I cause problems?

    Thanks

    John

Viewing 4 replies - 1 through 4 (of 4 total)