Feature suggestion

  • Resolved jamespond

    (@jamespond)


    5 years ago

    I’m a huge fan of Tracks, I have been using Tracks for a couple of years now. The only thing it’s missing right now for me is page width scaling.

    I’ve got a 2560×1440 screen at home and my page takes only half of the width. Sometimes I use a 27″ Retina display at work and it’s even worse, the main contents is tiny. 4K and Retina displays are getting more common these days so it would be nice to see better support for higher resolutions. I know the container width can be changed in CSS but dynamic adjustment to x% of the screen width with a maximum pixels width would work much better.

    I upload all images on my page as 2048px wide to futureproof it but the theme doesn’t take the full advantage of them.

    I’d be more than happy to pay to upgrade to a newer version to support the development if this feature gets implemented.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for the kind words about Tracks, and for using it for so long!

    I think this is something we can sort out with a bit of custom CSS. Let’s start with the following and let me know how it goes:

    .entry {
  max-width: none !important;
}

    Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

    That should completely remove the restriction on the width of the sie. You can test out different limitations like changing none to a value like 2400px and see what you think.

    Thread Starter jamespond

    (@jamespond)

    Hi Ben,

    That sorts it for the posts. I also tried making the main page recent posts section wider by adding:

    .loop-container {
    width: 1600px
    }

    It changed the size but there’s still margin on the left, so the contents goes beyond the right edge of the browser window even in FHD resolution.

    Is there a way to make this resize automatically to fit the screen as well?

    Theme Author Ben Sibley

    (@bensibley)

    Gotcha. Try adding this CSS and you should see the main page expand as well:

    #main {
  width: 100%;
  max-width: none;
}

    And if you want a little space on the sides of the screen, you can add some padding, like this:

    #main {
  width: 100%;
  max-width: none;
  padding: 0 72px;
}
    Thread Starter jamespond

    (@jamespond)

    Worked great, thanks again for all your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Feature suggestion’ is closed to new replies.