why isnt my content filling browser?

  • Resolved dsj1972

    (@dsj1972)


    5 years, 2 months ago

    Hello

    I am not 100% sure if this is even the right site to be asking but I have a wordpress site and I am using envira galleries

    The homepage of my site has 6 photographs. At the moment they remain in a small grid and I was hoping to make them fill the screen, or at least fill up all the space around them. Right now they sit in the middle third of the page and the sections to either side are empty space.

    My question is how do I fill all that space? Apologies for the newbness of the question but is this Themes related? Im presuming its not something for envira to assist with since the galleries seem to follow the same design as the homepage (as in they only fill the same middle third of the browser).

    Any tips would be appreciated thank you.

    • This topic was modified 5 years, 2 months ago by dsj1972.

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

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

  • Yes, it’s a theme question. The theme controls the look of the site and how the HTML is output. You can try a different theme or ask in the theme’s support forum for how to change the look.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Your theme sets a fixed with for the content area of a post:

    @media screen and (min-width: 37.5em) {
.page-content, .entry-content, .entry-summary {
    width: 552px;
}
}

    So the gallery is actually filling up all the *available* space.

    Try this CSS:

    @media screen and (min-width: 37.5em) {
.page-content, .entry-content, .entry-summary {
    width: 100%;
  }
}

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    You really should ask the theme author. There are consequences of changing the content width.
    If you change it only in the CSS (and only check it on one page or one device size –crazy!), then the PHP didn’t get changed and that affects how the images are sized.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    By the way, if you want to change the width ONLY on that page, you’d use

    @media screen and (min-width: 37.5em) {
.page-id-85 .page-content, .page-id-85 .entry-content, .page-id-85 .entry-summary {
    width: 100%;
}
}
    Thread Starter dsj1972

    (@dsj1972)

    Thank you Joy and thank you Steve.

    Thank you for confirming this is a theme issue. I will try to search for a recommended theme that can do this for me. I presume these themes exist!

    Thanks again,
    David.

    Thread Starter dsj1972

    (@dsj1972)

    Does anyone know how I can even start searching for such a theme?

    When I search for “full width page” I get a lot of themes that just seem to stretch one image across the screen. I just want my page to look like this – so how best to search?

    https://enviragallery.com/demo/masonry-gallery-demo/

    Thanks

    David.

    Thread Starter dsj1972

    (@dsj1972)

    Hi
    I was able to resolve this by using the Full Width Page Templates

    Cheers.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘why isnt my content filling browser?’ is closed to new replies.