Make full-width page narrower

  • Author
    Posts
  • #151368
    korenhelbig
    Member

    Hi there,

    Is there any way to make the full-width template of the Collective theme narrower? It currently runs right across the entire page on desktop and makes it very difficult for people to read – usually full-width themes only allow the text to run across, say, 1200px wide so it’s still easy to read the text.

    Any ideas how I might be able to achieve this using CSS?

    Thanks,
    Koren

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

    #151373
    emilysuesrq
    Theme Author

    Hi Koren,

    Can you please tell me on which page(s) you’d like to modify this? Not sure which pages are using Full Width….

    Thanks,

    Emily

    #151383
    korenhelbig
    Member
    Original poster

    Hi Emily,

    At this stage it’s full width on all pages except the blog pages or pages that pull from blog categories (so excluding the ‘our people’ page and ‘case studies’ page).

    However, some pages that are using full-width, such as the ‘resources’ page, look quite good with current styling as they have image blocks rather than lots of text. So the ability to select which pages could have narrower width would be fabulous.

    Thanks,
    Koren

    #151435
    emilysuesrq
    Theme Author

    If you have Full Width templates on most pages, but only want the content width narrower in certain pages then you’ll need to use the following CSS but target the specific ID numbers. Then, adjust the max-width value as needed. For example, the “About The Network” page content can be modified using:

    #page-28 .content {
      max-width: 1000px;
    }

    Let me know if you need further assistance..

  • The topic ‘Make full-width page narrower’ is closed to new replies.