Hi, I’m new to the newspaper theme, I’d like to build my site based on the newspaper default demo. I find the page width is a big narrow to my taste, I wonder if there’s an option how to widen the page width?
Thanks
Hi,
The simplest way to achieve a a different width is to use a template/homepage from tagDiv Cloud Library. You have to import a post style and set it as the default post template in the theme panel post settings, then you need to import a category template that is whit that width and set that one as the default category template. The same for tags, author pages etc:
https://forum.tagdiv.com/tagdiv-cloud-library-plugin/ also for pages (stretch row and content ) https://www.screencast.com/t/i8SQ5eS4 .
Please read similar topics:
-> https://forum.tagdiv.com/topic/force-full-width-on-categories-post-grid/
-> https://forum.tagdiv.com/topic/homepage-full-width-content/
-> https://forum.tagdiv.com/topic/homepage-full-width-content/
Also from what I can see your header and footer is stretch to full width -> https://www.screencast.com/t/8dv4sZzdVu3o -> https://www.screencast.com/t/1nXlJduH7
Thank you!!
I understand that I can use template from tagdiv library, but I’d like to set a specific width that’s not in the library template, and also I’d like to build my site based on the default newspaper demo, and widen the default template to my liking, I wonder how I can achieve that? Thanks!
Spicifically, I meant, for the homepage, I couldn’t change default newspaper demo’s row stretch of the top post grid, while the lower rows I’m able to change. However at the very end, above footer, I couldn’t select or change the latest articles grid.
Other than the homepage, I’d also like to change post and category templates width without changing to other templates, because I’m happy with the everything else, all I need is just to change the width.
Thanks!
Hi,
The demos are using default headers that can not be edit, sorry! if you want to edit the header you’ll need to use the header manager.
Also the Latest Articles section is from page template -> Page Builder + Latest Articles + Pagination -> https://www.screencast.com/t/zKIG7wwDv
Also if you do not want to use cloud template, you can try using custom css, but this can be quit difficulty, because the css code can brake the layout.
> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help with css I can try to help you, please provide me a link to your website and some details about the width you want to achieve.
Thank you for your understanding!
Thank you very much Calin, yes, I’d appreciate your help on css. Basically, I’m using the newspaper default demo and build my site by replacing my content on it, I’ve set set the width of my pages to stretch row 1400x content, I like to set the default category template and page template to the same width.
I’ve read your recommended post
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I have limited css experience, but if you could help me with an example of css modification for a category or page template width, I think I could figure out duplicate the rest.
Thanks!
Hi,
Using tagDiv Composer and tagDiv Cloud Library there is add on row a class that stretch the row width -> http://prntscr.com/oj8dgx
You can try this custom css for stretch category width, but the layout will look quite bad and that is whay we recommend to use cloud templates.
.category .td-category-header .td-container, .category .td-main-content-wrap .td-container{
width: auto !important;
max-width: 1440px;
}
Using css you’ll need to identify the rows/elements that you want to stretch and set on theme
width: auto !important;
max-width: 1440px;
we use the category class to apply the code only on category page -> http://prntscr.com/oj8ikl after that set the elements where you want to apply the stretch -> http://prntscr.com/oj8l8r and the class td-container that need to be stretch
Hope this will help you!
Thank you!
Thanks Calin, it’s very helpful. I imported from cloud library a post template (single post template 1), then I set it to the default post template (site wide), however the sidebar of post disappears.
I read the sidebar tutorials
https://forum.tagdiv.com/sidebars-tutorial/
and checked settings in the
Theme Panel > Template Settings, Theme Panel > Categories, and the post settings.
They’re all set correctly with sidebars
The tutorial also had a method to add a widget sidebar element in the template, however I couldn’t find such element in add element.
I wonder what how to make the sidebar appear in the imported single post template.
Thanks!
Hi,
So you get a single post template from tagDiv Cloud Library and you set it in theme panel for all post that have set the template from theme panel ( the template you chose -> http://prntscr.com/okcbxx) if is so, then you’ll need to know that the cloud templates have set the sidebar using tagDiv Composer , in order to make a sidebar for that post or to check it you’ll need to edit that single post template, one example of editing the template is to go in Cloud Templates hover the template that you want to edit and click on “Edit template” http://prntscr.com/okceja after that this will be open in tagDiv Composer -> http://prntscr.com/okceyb and you can edit the sidebar and you can add the sidebar widget if you want -> http://prntscr.com/okcft0
Hope this will help you!
Thanks.
