Increase page content width on single page

  • Resolved bkdev

    (@bkdev)


    9 years, 9 months ago

    I am trying to expand the page content area for a single page as i have some tables showing there and they are not expanding to the full width i would like. I have already added code to remove the sidebar from the page i want to do this on, and i have added the following to my style.css but it does not seem to be working:

    .page-id-14 #content {
    width: 100%;
    }
    .page-id-14 .site-content{
    width:100%;
    }

    I am using a child theme also if it matters. the page i am having issues with is http://gadgetplex.com/?page_id=14.

    Thanks for the help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Sandy McFadden

    (@ourvalley)

    9 years, 9 months ago

    It looks like the width is being set on line 995 in the parent theme style.css file.

    .entry-header,
    .entry-content,
    .entry-summary,
    .entry-meta {
    margin: 0 auto;
    max-width: 604px;
    width: 100%;
    }

    So if in your child theme style.css you should be able to add something like

    .page-id-14 .entry-header,
    .page-id-14 .entry-content,
    .page-id-14 .entry-summary,
    .page-id-14 .entry-meta {
    max-width: 900px !important;
    }

    It should fix it up. The 900px can be which ever value you would like for the max-width.

    Thread Starter bkdev

    (@bkdev)

    9 years, 9 months ago

    worked perfect, thanks man

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Increase page content width on single page’ is closed to new replies.