Home page to fill screen

  • Unknown's avatar
    ashrouten · Member ·

    Is it possible in anyway on the sela theme to customise the homepage and all other pages so they fill the screen i.e. no deadspace either side?

    Many thanks folks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    julsyd · Member ·

    Hi ashrouten,

    You could add this CSS to My Site > Customize > CSS to make the site fill the whole screen without any space on the sides:

    .site {
max-width: 100%;
}

    Keep in mind doing that may alter the appearance of other elements of the theme.

    One alternative would be to change the grey background colour to white so that there’s no obvious deadspace or borders on the sides. You should be able to do that by going to My Site > Customize > Colors & Backgrounds. You can use the colour picker or enter #ffffff to choose white.

  • Unknown's avatar
    ashrouten · Member ·

    I tried this but the main image on the homepage wont fill across the screen or centre. Is this because of an empty sidebar widget?

  • Unknown's avatar
    garysixtyeight · Member ·

    I tried this but the main image on the homepage wont fill across the screen or centre

    Hi Ash,

    Once you’ve added the css provided by Elly, please also try adding the css below to make the image fill the available space.

    .hero-content img {
    width: 100%;
}

    Just to note – using css to increase the size of images beyond what the theme was initially designed for may make the them blurry on larger screens.

  • staff-zinnia · Staff ·

    Hi –

    garysixtyeight and ellybiddle have shared the CSS you need to add to the customizer in order to expand your hero image. I think this will give you the look you want after testing both codes on the site.

    The Premium plan on your account gives you access to live chat and private email support via wordpress.com/help/contact/

    You can also search the CSS forums at https://en.forums.wordpress.com/forum/css-customization

  • The topic ‘Home page to fill screen’ is closed to new replies.