- NewspaperFlex Block Builder and Flex Loop Builder
- NewspaperHow to use the Flex Blocks cache option
- NewspaperHow to edit modules for Flex Block X
- NewspaperHow to insert a block inside the content of a post
- NewspaperFlex Block Settings Guide
- NewspaperMeta Info on Modules and Blocks
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewspaperThumbnails – Fix strange looking images on blocks
- NewspaperBlock settings tutorial
- NewspaperCategory Tag on Modules/blocks
- ApiPractical example – How to add a new Block and Module
- Apitd_api_block::delete
- Apitd_api_block::update_key
- Apitd_api_block::update
- Apitd_api_block::add
- ApiAPI – Blocks – Introduction
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
Hello Dan,
Please take a look at the below explanation and try to understand a bit how it works the thumbs in the theme. Please check here ->>
Our theme uses the system of cropping from center to top. The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size utilized by the theme. When a post it’s displayed on the page in a block, the featured image shown is not the one which you uploaded in the media file, it’s a thumb cropped from the original image at the precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails to reduce to load more spaces on the server.
If you don’t have the possibility to upload large images you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate. For more information about these kinds of plugins, please consult their documentation here -> https://wordpress.org/plugins/thumbnail-upscale/ -> https://wordpress.org/plugins/regenerate-thumbnails/ Also, please ensure that the functionalities of these plugins are not affected by the other untested plugins that could create interference through the theme. Please notice that these types of plugins are not tested with our theme and we cannot provide support for the theme. We recommend them because a lot of our customer uses and they were satisfied to their functionality.
Each theme module has a predefined thumbnail size, so results may be different for the same featured image used
– https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
A primary example you should see here -> http://screencast.com/t/rhIdwe22d2
Thanks for your understanding!
Good afternoon,
Before buying the Newspaper theme for my website http://www.raquetc.com, I had a different one also on WordPress for Ténis Portugal (www.tenis-portugal.com). In that page, I had a section with all the tennis live scores available by just one click (http://tenis-portugal.com/live-scores/).
Now, I’m trying to do the same in the new website but for some reason the exact same code (and different ones) isn’t working. Instead the page just stays with a huge blank white space.
Here is the code:
<iframe id="inscore-xdc-757524" src="http://www.livescore.in/pt/free/757524/" width="624" height="500" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">/*<![CDATA[*/try{function inscore_757524_xdc(){this.elm = null;this.hash = null;var times_resized = 0;var times_not_resized = 0;this.resize = function(){times_resized == 1023 && (times_resized = 0);times_not_resized == 1023 && (times_not_resized = 0);if(this.getElm() && location.hash && location.hash != this.hash){this.hash = location.hash;var reggg = new RegExp(".*inscore_ifheight_xdc_([0-9]{2,5}).*");if(result=reggg.exec(location.hash)){this.getElm().style.height = (typeof result[1] == "undefined" ? "10000":(result[1] > 500 && result[1] <= 30000 ? parseInt(result[1]):500)) + "px";times_resized ++;}} else if(location.hash && location.hash == this.hash) times_not_resized ++;else return resize_later(75);resize_later(250);};var resize_later = function(time){setTimeout(function(){ inscore_757524_xdc_run.resize(); }, time);};this.getElm = function(){try {(typeof this.elm == "undefined" || this.elm === null || !this.elm) && (this.elm = document.getElementById("inscore-xdc-757524"));} catch(e) { this.elm = null; }return this.elm;};var show_links = function(){if((times_resized >= 1 || times_not_resized >= 2) && (obj = document.getElementById("freescore_links_757524"))){obj.style.visibility = "visible";obj.style.display = "block";} else show_links_later();};var show_links_later = function() { setTimeout(function(){ show_links(); }, 100); };if (typeof window.postMessage == "undefined"){show_links_later();resize_later();}else{var ev = function(event){try{var data = JSON.parse(event.data);}catch (e){return;}if (data instanceof Array && data[0] == 757524 && typeof data[1] != "undefined"){eval(data[1]);}};if (window.addEventListener){window.addEventListener( "message", ev);}else if ( window.attachEvent ) {window.attachEvent("onmessage", ev);}setTimeout(function(){ document.getElementById("inscore-xdc-757524").contentWindow.postMessage(JSON.stringify(["757524", "run"]), "*"); }, 2000);show_links_later();resize_later();}};var inscore_757524_xdc_run = new inscore_757524_xdc();}catch(e){document.getElementById("inscore-xdc-757524").style.height = "10000px";}
/*]]>*/</script>
Can you please help me out? This was a HUGE feature for our visitors and now we’ve lost it…
Thank you so much!
Hi,
Any modification made to a block will affect any instance of the block. You cannot edit the block that is on one row in the code, without affecting all the other same type blocks. The block 4 you mention (like all blocks) has a predefined layout conditioning for each row settings where it is placed
– https://www.screencast.com/t/oyUvHL1f6
So when a block is place on a full row it will always display 3 modules, on 2/3 row it will display 2 modules etc.
Also each block will have it’s own filtering, this cannot be synchronized between blocks unless same filtering and sorting is used for all of them.
Please create the design you want using different elements or blocks, and achieve the same result through block filtering and sorting systems, maybe use the offset as mentioned
– https://forum.tagdiv.com/offset-feature/
The same block cannot have one functionality on the first row, and a different one in the other rows. But different blocks can.
Thanks
Hi there,
I hope you can assist me with an issue regarding the filtering functions in the block-settings:
There is a Block 1 with Category Filter set to one category Id = 31. Further there is an Ajax dropdown filter to show the following IDs: 2009, 2010, 2011. The output looks ok, there appears the block with the filtered posts from category 31 and the Block Headline says “Title of cat 31”. But when you click on the filter-links, let’s say category 2009, there are loading posts with category 2009. But the global category for this block is 31, so I would expect that the Ajax filter is considering that and would filter cat 31 + 2009.
Is there any way to make it working like this – or did I miss the right setting to do so?
Thanks for your help!
Wordpress 4.8.1
Newspaper 8.0
I’m currently using Newspaper for the first time and trying to adjust the header to prominently feature the logo yet still have space for the ad. The style that I would like to use is Style 3 for the header, however that hard sets the logo at 272×90 and the ad at 728×90. The scale for the logo is too narrow and I need it to be larger. Is it possible (and if so how) to increase the logo width to 562 (the size I need) and decrease the ad block size to fit 468×90 size ads?
I understand 9-11 allow larger sizes, but I’m not a fan of having a leaderboard ad right below the menu.
Currently: http://www.screencast.com/t/5BMKesykSVD
Desired: http://www.screencast.com/t/9Kis6g772p
Also, on a side note, where is the setting to change the green border at the top of the page and right below the menu? I’ve adjusted all the colors I could find in the Theme Panel with no luck.
And finally, in the Top Bar is it possible to adjust the order/location of each component? IE the account login/logout to the right of the social media icons?
Hi,
The theme blocks can display custom post types, just enter the custom post type in the required field
– https://www.screencast.com/t/LeRa9mf2
The post can also be sorted alphabetically if that is needed. These are all the viable block settings at the moment
– https://forum.tagdiv.com/block-settings-guide/
Thanks
When the page loads the hover effect is blue. The settings are set to transparent black. On the home page the first big grid when the page is viewed with google chrome the title of the post is not displayed correctly. At the bottom of the big grid in the left corner there is a little black cubes so post title is not on the bottom of the image. It’s normal that after every change on the page I need to clear cache because the page starts running in mobile view on Mozilla Firefox and on mobile phones it only shows the last posts. After clear cache everything returns to normal.
My website is: https://www.defender.hr
Hi,
The admin ajax could be blocked by the server, doe to the multiple requests it makes. Open the browser inspector in the theme panel, and select the console tab
– https://www.screencast.com/t/LfjiX2pY34zA
Then check if there are any errors while saving a setting in the theme panel, they will appear in the console. In some cases the admin ajax process is blocked by the server firewall or security settings, causing this issue
– https://forum.tagdiv.com/topic/cant-save-theme-options-2/
Thanks
Hello serambca,
Notice that our News Ticker is just a simple block which can be sorted as you wish from here -> https://www.screencast.com/t/tf48uHL2V2G
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Hope this helps!
Thanks for your understanding!
Hi,
I believe that would have to be done by modifying the actual pagination in the code. The archive pages use default pagination
– https://www.screencast.com/t/6oZ9zmunT0
The pagination is defined here – https://www.screencast.com/t/X7ENjLcM
But maybe you could try different methods first to prevent the crawl on specific pages
– https://orbitingweb.com/blog/wp-archive-noindex/
– http://www.wpbeginner.com/wp-tutorials/how-to-hide-a-wordpress-page-from-google/
– https://webmasters.stackexchange.com/questions/44171/should-i-block-wordpress-archive-pages-from-search-engines
– https://kb.yoast.com/kb/how-do-i-noindex-urls/
Thanks
Hi,
Sorry for the misunderstanding, I though you were referring to the block titles. It seems you have managed to align the article titles as you wanted
– https://www.screencast.com/t/LIIbjLoWI7
Thanks
Dear Simion C.
This was really helpful and i suggest this update for the theme. because the theme i used before had this functionality for the headers, display blocks..
* All we need is a Tickable option in blocks and grids whether to display the Excerpt of the post or not. I hope this will help you and Thousands of Clients who use this Amazing Theme.. Hope for the Best and keep up the Good Work guys!!!
Thank You in advance
Hello … Having problem with does various borders all accros rows and columns. I wan’t do build a standard page with visual composer that has several rows and columns. This is a page with service information ( no need for blog posts blocks or tagDiv etc.)
Is there a css snippet to remove the borders for that specific page?
I need to turn off the MAIN CONTAINER BORDERS for the page and the borders that SURROUND COLUMNS and ROWS when working with Visual Composer.
I see there are alot css rules for those borders ( the ::before’s and ::after’s and so on … ). I tried to turn them off or set them to white … but no luck there …
Thanks in advance.
Hello Bogdan,
I appreciate your response. However, as articulated in my post, I am looking to use one instance of block 4, not multiple. This is why I asked which files (php) need to be edited to accomplish the first ‘row’ having only two posts.
Why do I want to do this you ask? Good question. I need the category filter to effect the entire layout. I cannot have individual sections with their own filters.
If you can please point me to which files I need to edit to make this change (and possibly what code will be needed), I would tremendously appreciate it.
-
This reply was modified 8 years by
bmorgan.
What I did was to create a custom sidebar for particular WooCommerce products. Some of the products have relevant posts found elsewhere on the site. So I create a series of categories for the posts that I want to load in the relative products’ sidebar. I put a block in each of the custom sidebars (each product gets their own sidebar), and then on the product page, I call that custom sidebar.
It works fine.
I just need to now be able to have those particular blocks within those specific sidebars to launch the content behind those hyperlinks in new tabs (because the visitor is now on a product’s ‘buy now’ page).
Does this make sense?
Hi,
I use WP Engine and Cloudflare Pro for my website: http://www.disabledveterans.org.
I keep getting warnings about the speed being an issue in Pingdom and elsewhere. Basically, as you know, the JS is blocking the CSS, supposedly. I am using the Newspaper 8 version and the Speed plugin no longer appears in the zip file. My speed is presently 3-4 seconds, and I’d like to get it back down with the resources I am paying for.
Is there an updated article on improving speed? Is there a contractor or company TagDiv recommends for work?
Hi,
could you please tell me where/hox to translate the titles of blocks “related articles” and “comments” ?
Regards,
Icodia
Hi,
The blocks have a popular or top post sorting by default
– https://forum.tagdiv.com/block-settings-tutorial/
This is based on the actual post views, they have to be enabled in the theme
– https://www.screencast.com/t/GNNBrHr8Ivy
If you have caching installed activate this option as well
– https://forum.tagdiv.com/ajax-view-count/
If you use the Jetpack post sorting this will not work with any other block filtering. Also here are some troubleshooting steps if you are having problems with the actual plugin
– https://jetpack.com/support/installing-jetpack/
– https://jetpack.com/support/getting-started-with-jetpack/troubleshooting-tips/
Thanks
Hi,
The Facebook account link and also other footer and top menu socials, have to be entered in the theme panel here
– https://www.screencast.com/t/WkLBO82o6
On smaller devices the top bar will not be displayed by default. It could be made to appear if absolutely necessary, with some CSS code. Use this code that will make the top bar display, and also center it
– https://www.screencast.com/t/E40EK9odhYM
@media (max-width: 767px) {
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}}
Enter it in Theme panel->Custom code->Custom CSS section, if you decide to use it.
Thanks

I want to use this technique for all products, but not when the blocks are used elsewhere on the site.
Hello ipi_login,
Do you have changed the name for this category? Maybe, you have done this and that’s why you will not bring posts in that block which were sorted to display the posts from that category.
Thanks for your understanding!
Hi,
Basically you want to achieve something like the modules in the Latest articles, in the Business demo
– https://www.screencast.com/t/jOZWM0o2D55Z
Those modules have custom design, there is a minimum height set for the module title, and also a shadow like this
– https://www.screencast.com/t/z66Sis4nClI
This is the code for that
.td_module_wrap.td_module_1 .entry-title {
margin: 0 20px 50px 20px;
min-height: 80px;
}
.td_module_wrap.td_module_1 {
margin-bottom: 40px;
-webkit-box-shadow: 0 0 1px rgba(79,172,234,.4);
-moz-box-shadow: 0 0 1px rgba(79,172,234,.4);
box-shadow: 0 0 1px rgba(79,172,234,.4);
}
It will apply to all module 1 (you can experiment with other modules), it can be made more specific by specifying the block as well in the code
– https://www.screencast.com/t/KGHlX5W0
Or even more specific by setting a custom class for the block
– https://www.screencast.com/t/TNezURxtBv
Thanks
Hi,
I’m currently using 2 Blocks on my page, Homepage Post and Big Grid 6. Is there anyway i can remove the Big grid styles? Currently using the Default, animation is ok, but this choice is “darkening” the bottom half of the images i post. Is there any workaround to do this?
Thanks in advance!
Hi,
At the moment the category pages can only be customized through the theme panel options
– https://forum.tagdiv.com/how-category-settings-work/
You could insert that block shortcode in the category template, by editing the category template file in the theme. These are some similar topics
– https://forum.tagdiv.com/topic/category-top-posts-style-featured-posts/
– https://forum.tagdiv.com/topic/advertising-block-in-category-page/
– https://forum.tagdiv.com/topic/trending-now-on-category/
Thanks
Sorry, I have one more question. It is irrelevant to my previous question.
As for Page setting, when I edit them with TD composer, let’s say if I added 3 columns, and changed my mind that I want to reduce them to 2 columns only. How can I delete the column that is added already. I could not find the delete sign anywhere. Please understand I am saying to remove that column entirely, not different setting for it. (Not the case that I choose block or full grid and I can delete them and choose some other format as I wish, I want it gone entirely as it’s just an unnecessary column for me after it’s added)
I am asking this, because I want to add a few more columns to my front page now, but I may want to remove them in a couple of months/years. I do not wish to delete the whole page and make a new one for it. That is why I want to know if there is a way to remove them easily without going so much trouble for them.
Thank you.