- TutorialsDefault Block Settings Guide
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
I am using woocommerce for my store layout. How do I setup my store using blocks as seen in this demo below by tagDiv.
http://demo.tagdiv.com/newspaper_tech/shop/
Also, how can I have a story category listing on my store page.
Hi,
I’d like to use a post template with sidebar and then I want to add full width block (Block 5) at the bottom. Is there any way to build this with vc? You can see this style on distractify.com…
Thanks for any idea!
Carolin
Hi
To add a filter by custom taxonomy in block’s filter options you will need to edit the theme’s files like here:
– edit td_config.php and add a new field for custom taxonomies: http://screencast.com/t/O4md2SU0yrx
– edit td_data_source.php file and add the posts from custom taxonomies to query: http://screencast.com/t/GQnMoryOKvJ
Please consider that this is a very complex task which involve many customizations and very good coding skills. If you can’t do it yourself my advice is to find someone to help you or hire a freelancer to do this for you as we can’t offer any customization services at the moment.
Thanks!
Hi
In order to identify the ideal/average size you need to figure out which is the largest container that will display that particular image and upload an image bigger than that container. Then there is the post template to consider. If you use post templates with big image backgrounds, then your uploaded image has to be bigger. You need to asses your website’s layout (posts and block elements) and come up with an average image size that will work on smaller containers but also keep good quality on bigger ones.
You can read more about thumbs and featured images here: https://forum.tagdiv.com/newsmag-theme-thumbs/ – https://forum.tagdiv.com/newsmag-featured-images/
Hope this help.
Thanks!
Hello daran,
If you want to change the background-color of this element, please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.wpb_widgetised_column .block-title > span {
background-color: red
}
.wpb_widgetised_column .block-title {
border-color:red
}
The result you should see here -> http://screencast.com/t/U2teMRQ4WvjV
Hope this helps!
Thank you for the message!
Hello,
You can set whatever block you want on your sidebar and add a title you want to it (most popular or most viewed or anything you prefer) Then you can use the popular 7 days sorting option: http://screencast.com/t/uFUeoDHer
https://forum.tagdiv.com/7-days-post-sorting/
I hope this helps.
Thank you!
Hello BretonGroup,
If you want to remove the More Author feature, please try the code below and add it in Theme panel->Custom CSS area.
.td_block_related_posts .td-related-right {
display:none;
}
The result you should see here: http://screencast.com/t/x1l7A2ti
Thank you for the message!
Hello,
1) The top menu does not appear on the mobile version by default. This was a design choice. It can however be activated with custom css:
@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}
2)If you only want the menu to be sticky on mobile, you can use this css to remove the sticking menu from tablets and desktop:
@media(min-width:767px){
.td-affix{
display:none
}
}
Thank you!
Hi Andrei,
Please view the newsmag theme demo http://demo.tagdiv.com/newsmag/ and see on the latest article block its showing a numeric pagination and it is for a block. At least tell me how to do this pagination on blocks. http://www.screencast.com/t/RSGBCaVe2
Thanx!
Hi,
You can use this css to reduce a bit of the bottom margin from the top block element:
.td-travel .td-travel-features .td_block_wrap{
margin-bottom: 5px!important;
}
result: http://screencast.com/t/jryPyeRspc0n
Thank you!
Hello JBH,
Our theme uses a lot of predefined thumbnails in blocks and modules. If you check the Theme panel->Block settings area you can see the list with all dimension of the thumbs wich is used in the theme and which elements -> blocks/modules uses -> http://screencast.com/t/tQuimSer9 If you want to exclude the cropping system wich you have to use the right dimension for your images.
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 used by the theme. Basically, when a post it’s displayed on the page in a block, the featured image displayed 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 in order 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.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
Please can you mention the so called hard way to modify the block’s pagination style? I am myself a developer. With a little push I can do that.
Thanx!
Hi
From what I can see from your screen you want to modify the block’s pagination. Unfortunately this is not an easy task and the solution from the indicated topic won’t work in that case. If you need this and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer speed customization services at the moment.
Thanks!
Hello leviehofstee,
If you want to achieve mega menu feature it is necessary to make some subcategories for your categories and set them from WP panel->Appearance->Menus and in the Menu Structure settings you have to create your Main menu with Mega Menu, like this -> http://screencast.com/t/GQGD3X1fj and if you want to achieve looks like in the above image with content block, you have to set the Ajax Filter from each block settings, like this -> http://screencast.com/t/5Y6KF2FDGDFp
For more information about Mega menu and Ajax Filter on the blocks, please consult our documentation here -> https://forum.tagdiv.com/mega-menu/ -> https://forum.tagdiv.com/block-settings-tutorial/
Hope this helps and let us know how it goes!
If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.
Thank you for the message!
Thanks for Bogdan B.
td_block_ad_box.php file not present current theme structure.
i found td_ad_box.php and made same changes but i am fail.
Please try at your end. Might be needs to add more conditions.
Thanks in advance.
Hi… I am newbie. After installing default demo. I checked there is blank block above menu and header. How to delete or fix it?


After implement this tutorial, my server got “Internal Server Error 500”
use a plugin that can do this for you like WP Smush.it – download
add the following code at the end of the functions.php which is located in the theme folder, the code will automatically compress each thumbnail to 50%:
add_filter( 'jpeg_quality', create_function('', 'return 50;' ) );
After you add the code you need to regenerate the thumbs, for that you could use the Force Regenerate plugin.The value 50 stands for 50%, if you want a better compression or better quality modify it and regenerate the thumbs. Experiment until you get the optimal value.
Help, please
Hey,
We were able to add config to each of the block settings (in visual composer) using a function hooked to admin_init. This allows the user to specify a list of terms in that taxonomy and filter the results by those terms.
function extendCustomTaxonomyOptions() {
// Check if Visual Composer is installed
if ( ! defined( 'WPB_VC_VERSION' ) ) {
return;
}
// Retrieve all Lifestyle taxonomy
$terms = get_terms('name_of_your_custom_taxonomy_here');
if( !is_wp_error( $terms ) && count( $terms ) > 0 ) {
$dropdown = array(
'Disabled' => 'disabled',
'All Custom Taxonomy Terms' => 'all'
);
foreach( $terms as $term ) {
$dropdown["- {$term->name}"] = $term->term_id;
}
// Param to be added
$new_param = array(
'type' => 'dropdown',
'heading' => 'Filter based on custom taxonomy',
'param_name' => 'adv_filtering_custom_taxonomy',
'group' => 'Filter',
'admin_label' => true,
'value' => $dropdown,
'description' => __( 'If selected, will further filter the posts based on the custom taxonomy', 'vc_extend' )
);
// Integrate and add new parameter to the options available from the parent theme
// See https://wpbakery.atlassian.net/wiki/pages/viewpage.action?pageId=524335 for more info
for ( $i = 1; $i <= 16; $i++) {
vc_add_param( "td_block_{$i}", $new_param);
}
vc_add_param( "td_block_slide", $new_param);
}
}
Then we added some custom code in a child theme copy of the td_data_source class to read those settings and filter the results. This was added to the end of the td_data_source::shortcode_to_args() function, just before returning the $wp_query_args:
if( array_key_exists( 'adv_filtering_custom_taxonomy', $atts ) ) {
if( $atts['adv_filtering_custom_taxonomy'] != 'disabled' && !empty( $atts['adv_filtering_custom_taxonomy'] ) ) {
// Add new taxonomy in the query
$query = array_merge( $wp_query_args, array(
'tax_query' => array(
array(
'taxonomy' => 'name_of_your_custom_taxonomy_here',
'field' => 'term_id',
'terms' => $atts['adv_filtering_custom_taxonomy']
)
)
));
}
}
Hope that helps!
Hi Team,
Whenever I use Four Column or Small Blocks – images get blurred, the quality lose is quite visible. How should I rectify it?
I do use high quality images, still facing this challenge. Being an expert, can you advise me the best way to compress the high resolution images for website with minimum quality loss? Thanks!
That’s great – that’s what I mean, thank you. I notice, though, that the transparency doesn’t also appear in the main body on posts – it’s still a solid white block that’s shown. How would I update the CSS to include that too?
Hello
I have put the Custom CSS below this piece of code in style.css and it works. But, when I have installed Speed Booster many things on the website have changed. The issue that I mentioned before still happens and many other things like some blocks out of place, footer and breadcrumbs don´t fix correctly.
I have to say that I have removed the piece of code mentioned on tutorials (step 5.1), I don´t know if I have to do any other thing. I have seen on tutorial that there is a 5.2 step, which I haven´t done. Could be that the problem?
Thanks
A last (bonus 🙂 ) question regarding my problem. After I mixed themes the “Trending now” scroll bar isn’t centered corect between block 5 and Big Grid 1. Look like space before the trending now bar is bigger than after. Using Inspector reveal two rows there.
Can I thix that somehow?
Thanks in advance for your kindness!
Hi,
I try to change (through Visual Composer block attributes) background color of sidebar. In initial state everything is fine ( http://c2n.me/3tJgACr.png ) but after scrolling bar becomes white again ( http://c2n.me/3tJiOUt.png )
Is it possible to fix it?
Thanks in advance.
Hi Catalin,
I appreciate your continued help.
I had to restore a recent backup. Maybe you could have a look at our current layout and contrast it with that in the picture.
I do have Visual Composer installed; it’s just not the latest version. The funny thing was that the settings seemed to be correct (=the same as before theme update), yet for some reason there were additional, unwanted categories like “Latest articles”, “The most popular posts” and “Popular category” (all in Finnish, of course) at the bottom of the front page. They were not there before the update.
I also noticed that my translations were missing.
TagDiv’s instruction video says “Delete the old version of the theme.” At that stage I deleted the “Newspaper 4 child theme”, which was active. Afterwards I have wondered if I should have deleted the Newspaper 4 main theme, not the child theme. Which should one delete?
Note that I have made customizations to a number of php files – for example, td_block_8.php – and added customizations in the CSS Editor. Does this cause problems when updating?
Best,
Vesa
Hello Albert,
Please try to add this Custom CSS below of this piece of code that you found as related to block 18 and check the results.
Hope this helps!
Thank you for the message!