Support » Theme: Nisarg » Change width of content area

  • How do I change the width of the content area so it fills more of the screen? I think I need to change the container width for this but can’t figure it out.

    Also how do I change font sizes?

    Sorry for the basic questions. NOOB but not dumb.

    Thank you!

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

Viewing 15 replies - 1 through 15 (of 22 total)
  • Hi !

    To change the global width (article + sidebar), add this to your custom css and adjust the % as you want :

    .container {
        width: 70%;

    To change the font-size, it depends on which text exactly you want to target, but for exemple

    p {
        font-size: 20px;

    will change all paragraphs in a post.

    Hope it’s useful !

    Thread Starter dosomethinggreat


    Awesome! Thank you! that works like a charm!

    I hope that Nisarg will put “page width” i the next update. I just want certain pages without a sidebar … without starting to write codes.

    The best way for me to edit a code, is to glue the changement, direct into the editor

    I know some HTML .. but non of the php coding.

    I tried Beaver plugin, but it did not work for me

    In the answer above. What happens if I adjust the container width to 100 %



    to change the width you will open css folder then style.css file and search for
    ( max-width )
    like this id
    #container {
    margin: 0 auto;
    max-width: 960px;
    padding: 0px 25px;
    you will found ( max-width ) 6 times and you should change it 6 times in same file

    Better way of changing code is CUSTOM CSS. This is in the customizer or you can install a plugin. That way, if the theme is updated, you keep the changes…
    Just find the source code to copy into the customm css and it,s very simple and easy. On google chrome you can right click an element and choose: Inspect. It will pop open a window with the code of each segment.. copy from that. Good luck!

    The language of all the contents of my website has changed. I’m looking like a box. Please tell me it will be fine.

    Oh MY HEAVENS,,,,,,,,,,,,,, THE LIGHT WENT OFF.

    everyone we would like your attention
    the full width of your website overall width is controlled by the container element

      Can you please confirm this once again?

      not page
      not wwrap
      not panel-content
      not body
      not #page.content

      but container?????

      Can someOne help me scratch my head??


      THIS COMES UP BECAUSE A PAGE i CREATED is not translating i…. front panel session on the TWENTY SEVENTEEN THEME.

    Thanks @cmbnf it helps me a lot.

    I have the same problem but i cant open a new thread.
    How can i do that?

    @nicofue – what issue are you having, page translation?

    Here’s a great explanation for container selection and size.

    My post content is too width on the screen how to reduce it i need help click the link below to get what am talking about thanks.

    you didn’t use margin

    use this margin for <p>
    margin: 10px 10%;

    Where we I found the margin so that I can used the one you told me now

    Where can i change the margin please help me Sir thanks.

    Hi @isojeeruore ,
    sorry for answering late,
    can you tell me witch post content

Viewing 15 replies - 1 through 15 (of 22 total)
  • You must be logged in to reply to this topic.