Decreasing the width of the content area

  • Hello,

    I have been experimenting with the width of the content area. I tried adding this additional CSS:

    #primary {
	width: 65.287%;
}

#secondary {
	width: 31.762%;
}

    The problem is that the sight bar becomes too wide. Is there a way for the right sidebar to stay the same as the original Colormag theme while adjusting the width of the content area? I know I want it to be around 60%. I don’t mind if the boxed layout will be smaller I just don’t know how to achieve it.

    Also, I would want to ask about one more thing. When I click on some category (for example recommendations) I have under it many posts – more than 20 or 30 and it’s always showing the last page – that means that users see after clicking recommendations from the menu also the last page and then they don’t see “next” on the bottom, only previous, which is kind of confusing.
    Is there a way for it to show “next” after clicking the category? So basically that it would load the recommendations from the reversed order?

    Thank you very much for assistance!

    • This topic was modified 5 years, 1 month ago by misaka1.
    • This topic was modified 5 years, 1 month ago by misaka1.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter misaka1

    (@misaka1)

    Edit: I just noticed that if I edit it with that CSS code I pasted the mobile version gets messed up.

    @misaka1

    For the mobile issue on the layout, can you once try the below CSS code in the Additional CSS Box provided via the Customizer Options and check once:-

    @media (max-width: 768px) {
  #primary, #secondary {
	width: 100%;
  }
}

    And for the Next/Previous posts issue, it is how WordPress handles those be default and we only supported it. So, if you could code on your own then, you might be able to achieve that via the child theme. However, if you want the pagination instead then, you can give it once a try to the WP-PageNavi plugin available via the WordPress plugin directory and see if that helps.

    Thanks.

    Hello,

    Hello,

    I’ve been experiencing a similar problem. I want to change the box width of the content page.
    Note: I don’t want to change the layout, I want the layout as it is but decrease the space of sidebar and increase the space of content.
    The page I want help with https://www.zestfeed.com/most-mysterious-places-in-india/
    Thank you so much for your help

    • This reply was modified 4 years, 7 months ago by lejoreji95.
    • This reply was modified 4 years, 7 months ago by lejoreji95.

    Hi @lejoreji95,

    To get the result as you desired, please add the following CSS code in Additional CSS box:

    #primary {
	width: 78.287%;
}

#secondary {
	width: 20.762%;
}

@media (max-width: 768px) {
  #primary, #secondary {
	width: 100%;
  }
}

    PS: you can change width with the value you prefer.

    Help link https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

    Thanks and Regards,
    Ankit

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Decreasing the width of the content area’ is closed to new replies.