Okay
  Public Ticket #451161
Make the main content width smaller
Closed

Comments

  • Zac started the conversation

    Hi! Amazing theme, thanks for making it! I just had a quick question regarding content width - I want to make the "container main-content" width smaller (to 750px on desktop browser) but keep the site width the same (i.e., not change the width of the entire site). What custom CSS can I use for this?

  •  8,992
    Tahir replied

    Hey ,

    You could adjust it only if you are using the boxed layout option. You would simply have to set the max-width of the #boxed css selector. Let us know the site url if you need further help with css .

    Thanks


    ThemeNectar Support Team 

  • Zac replied

    Hi Tahir, is there another way to do this without using the boxed layout option? I\'m keen to learn how to reduce the width of the content in the page but not use the box setting and still have it responsive on mobile/tablet screen sizes?

    All the best,

    Zac

  • Zac replied

    For example the content on this website: http://petesmart.co.uk/rethink-the-airline-boarding-pass/ has a smaller width than mine: http://gamificationgeek.com/

    Anyway I can reproduce that would be great! Thanks! :)

  •  8,992
    Tahir replied

    Hey Again,


    I dont see this possible at the moment without custom work. Please consider hiring a freelancer over at Envato Studio for these Theme customizations as they are not provided as Support: http://themeforest.net/page/item_support_policy .



    Thanks


    ThemeNectar Support Team 

  • Zac replied

    Thanks Tahir, it looks like after some exploring and experimenting I can use a column layout to make the width of the column smaller. Putting two small blank columns on the left and right (1/4) of the main content column (1/2) will provide a smaller width. This seems to work for now.

    Best,

    Zac