Make content of one page utilize full screen

  • Resolved jacobj86

    (@jacobj86)


    7 years, 5 months ago

    Hello All!

    I am new to using WordPress for website design, so please forgive me if I do not provide the best description of what I am asking. I am building a website for our church, and I am using the Twenty Seventeen Theme. All in all I love the way this theme displays most pages. However, I have one page that utilizes a calendar and I would like it to display on the full page rather than be restricted to the column. I would like to be be able to remove the title column and white space on the left hand side of the page to allow this calendar to span across the entire page. Is this possible?

    I am attaching a picture below that will hopefully help explain what I am asking.

    https://i76.photobucket.com/albums/j32/jacobj86/Calendar_Page.png

    Thanks for any advice!
    – Jacob

    • This topic was modified 7 years, 5 months ago by jacobj86.

    The page I need help with: [log in to see the link]

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

  • Have a look at “Widgets on Pages” to solve this.

    Sorry, I got carried away. “Widgets on Pages” is a plug-in that should help.

    try this CSS:

    body.page-id-244.page-two-column:not(.archive) #primary .entry-content
  {
    width: 100%; /*was: 58%*/ clear: both;
  }
  body.page-id-244.page-two-column:not(.archive) #primary .entry-header
  {
    width: 100%; /*was: 36%*/ 
  }

    and also increase the width of the iframe, for example to 1500;

    <iframe src="https://therefuge4.ccbchurch.com/w_calendar.php" style="outline: 1px solid rgb(185, 74, 72);" data-web-developer-element-ancestors-outline="true" height="1100" width="1500"></iframe>

    Thread Starter jacobj86

    (@jacobj86)

    Michael,

    That is perfect, it worked like a charm! I knew there was surely a simple way to accomplish this, but just lacked the knowledge. Thanks for the help!

    – Jacob

    @alchymyth
    Hi Michael,
    I know this is resolved but I do not intend to create more tread with same/similar question here.

    I have similar issue where I wish to make one single page to full-width. I followed your suggestion above but nothing happened.
    I’m using twentyseventeen theme.

    Currently in develop mode on another site which can be view at https://hbpc.org.au/gibbs/our-services/

    In there i have 4 columns but the last column drops down to next level. I wish to display all 4 columns in one row type and not split. Please help.

    Thanks in advance,
    T

    the problem seems to be caused by the plugin which you are using for the columns; it possibly does insert a fixed width into the container surrounding the columns (?).

    please ask the developer of the plugin or ask in the corresponding forum if the plugin is from https://www.ads-software.com/plugins/

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Make content of one page utilize full screen’ is closed to new replies.