Make the width of the homepage different

  • fhcaglayan

    (@fhcaglayan)


    1 year ago

    I have a website for bijles in programmeren, e.g. C, C++, Java, Python, , regeltechniek, dynamica

    We know that we can adjust the width of the wordpress pages via Appearance -> Customize -> Layout -> Container -> Container Width and adjust the number of pixels.

    I now have the following situation. I want to have a different width for the homepage https://www.hfc-coaching.nl/ 1200 pixels and a different width of approximately 900 pixels for all other pages e.g. https://www.hfc-coaching.nl/bijles-regeltechniek-control/. The reason for this is that I have 2 blocks on my homepage while I have only one block on all my other pages.

    I tried to compare the ids en classes of the divs of the different pages so that I can make a difference in their width, but as far as I could see I could not find anything.

    I do know that the sidebars only appear on all other pages than the homepage, so there must be some way to differentiate all other pages from the homepage. I even tried to use empty sidebars to make the content of all other pages less wide, but this is not the proper way to do so.

    Could someone please help?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • David

    (@diggeddy)

    Hi there,

    if all pages except the home page are to be eg. 900pxs wide, then you could:

    set the Customizer > Layout > Container -> Container Width to 900px

    and use the CSS you already have to make the home page 1200px ie.

    .home .grid-container {
    max-width: 1200px;
}

    OR keep the site as is, and use the alternate CSS:

    body:not(.home) .grid-container {
    max-width: 900px;
}
    Bri

    (@tinnyfusion)

    Sorry for commenting on another’s post but that is a nice solution. I’ve previously been adding a nested container (div) to each new post page and setting its width.

    The hoops we have to jump through using the free theme eh lol

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Make the width of the homepage different’ is closed to new replies.