Making the layout thinner

  • Resolved beatnik-mag

    (@beatnik-mag)


    9 years, 4 months ago

    I absolutely love love love this layout!

    I want to make it thinner though, so that a background image can be seen a bit more. How can I do this?

    Also I just wondered if it’s possible to make the pictures less ‘stretched out’ (the feature pictures which are on the home pages)? They go wide and stretchy and look a bit strange.

    Thanks for any help.

    Grace

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

    (@qlue)

    9 years, 4 months ago

    Hi,

    You can change the width of the container by adding the following CSS in custom.css file. In the example below, we are changing container width to 960px.

    @media (min-width:1200px) {
  .container {
    max-width: 960px;
  }
  #content #primary {
    max-width: 670px;
  }
  #content #secondary {
    max-width: 270px;
  }
}

    We are planning to improve the handling the featured images in the next few theme updates, thanks for the feedback.

    Hope this helps 🙂

    Thread Starter beatnik-mag

    (@beatnik-mag)

    9 years, 3 months ago

    Hiya,

    Thanks for the help – unfortunately I pasted that into my custom css file but nothing changed – I even tried making all the numbers lower but nothing came of it 🙁

    Thread Starter beatnik-mag

    (@beatnik-mag)

    9 years, 3 months ago

    It now just has this writing “@media (min-width:500px) { .container { max-width: 20px; } #content #primary { max-width: 40px; } #content #secondary { max-width: 40px; } }” at the top of my actual dashboard homepage!

    Thread Starter beatnik-mag

    (@beatnik-mag)

    9 years, 3 months ago

    So sorry, I was being really stupid and used the wrong custom.css file! All sorted, thanks so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Making the layout thinner’ is closed to new replies.