- TutorialsDefault Block Settings Guide
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Hi,
I could give you a code for that, the top menu is not displayed on mobile by default. The basic code would have this result
– https://www.screencast.com/t/pxsM0nVj
For some styling you could mention how you want them to display, and I will try to modify this code.
@media (max-width: 767px){
.td-header-top-menu,
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
}
.td-social-icon-wrap{
display:none;
}
.td-header-style-8 .td-header-top-menu {
margin-left:auto;
width: 100%;
}}
Thanks
I would like to display posting time or last update time of the post in Block, is there any way to do this. Right now it is only support for posting date. But my site is use for display news so I need to display the time when the content is post to audience.
like 5 hours ago or 30 minute instead of 23 june 2015
Hi,
Check if there are any errors in the browser inspector console, while saving a setting in the theme panel.
Server security modules or firewalls may block the admin ajax denying access to the theme. In similar cases the issue was caused by that
– https://forum.tagdiv.com/topic/cant-save-theme-options-2/
Thanks
Hi,
You should upload images that allow the creation of the thumbnails you use
– https://forum.tagdiv.com/theme-thumbs/
– https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
That message is a prompt that mentiones that the thumbnail necessary for that module is not enabled in the theme panel block settings, so it will not be created.
Enable it and regenerate the thumbnails
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
The images you use should be bigger, the theme will crop them center-top and create the thumbnails that are enabled in the theme panel, these will appear in the grids and modules/blocks you use
– https://forum.tagdiv.com/featured-image/
That will be possible with the flex blocks. Example
– https://www.screencast.com/t/q0RepeuP
These blocks and the modules they use are highly customizable, almost anything about the module can be modified. Thumbnails, puddings, margins, modules per row, fonts etc.
Hello Kumar,
Try the code below ->
@media (max-width: 767px){
.td-header-top-menu{
display: block;
}
.td-header-sp-top-menu {
display: block !important;
text-align:center
}
}
The result is here -> https://www.screencast.com/t/WKXVJRFQiC
Thanks.
Hello,
I used the following code to hide the excerpt on the home page
.home .td-excerpt{
display: none;
}
but this created white space for this i asked for help and got to know the following code which helped on the desktop
.td_block_12 .td-module-title {
position: relative;
top: 50px;
}
But on mobile devices, it displaced the titles and pushed them down as you can see in the following screenshot
http://prntscr.com/kayrxd
How can we fix this on mobile devices?
Hi,
I have tested the solution I mentioned and it seems to work. After the timer runs out, the cache will be cleared automatically and the posts randomized.
If you have tested this without the caching plugin and deleted the cache, but random posts are not displayed, then the issue could be another one. There could be another cache active, maybe server provided. With no caching the posts will always be randomized.
As long as the cache is not cleared regularly manually or automatically, the block will not display random posts.
Test on a new page with the cache plugin deactivated and cache deleted, place a block with random sorting, see if it displays random posts.
Hi,
That smart list style uses the thumbnail size created by WordPress
– https://www.screencast.com/t/WgSMwtRB
So if you want to modify the size of the images in that smart lists style, modify the WordPress thumbnail size. Be sure to regenerate the thumbnails after you modify the values
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Thanks
Also, what size should my photos be to use Blocks 22 or 23 as 3 columns wide?
Thanks. When tagDiv Composer was launched I had already designed my posts and pages using WPBakery… at some point when I have time I should switch over. In Composer can I design a square block without having to code it myself? Or would that require coding on my part?
Everything I tried had the same problem. I just removed the block and redid it from the beginning. It seems to be working now.
Hello,
Sorry to get back so late on this following code
.td_block_12 .td-module-title {
position: relative;
top: 50px;
}
When i use this CSS, it works fine on the desktop but on the mobile device it pushes the titles at the bottom. Seems like there should be a restriction for the CSS not to execute on the mobile phones or limit it to execute only on the desktops.
http://prntscr.com/kayrxd
Hi Simion
The problem isnt the cache setting as this was happening even before i installed WP super cache. I have a block on this page https://myokotourism.com/ half way down titled “amazing things to do this summer”
On all my browsers the same 3 posts always display. I have clearred browser cache and no change. It is set to random but will never display random.
Thanks
Dave
Hi,
So you want to add new modules by API. There may be a different way to have custom modules. The new flex blocks have a considerable amount of options, all aspects of the module can be customized
– https://demo.tagdiv.com/newspaper/flex-block/
One flex block can be used and modified to look in endless ways. It would also be easier then adding modules, you could give it a try.
Hello.
I have html text block which I want to hide into dropdown section.
like this http://www.imageup.ru/img3/3133125/drop.jpg
Is there such element in list of the element? I can not find such an element.
Thank you!
Yes it is, it is mentioned in the block settings guide
– https://forum.tagdiv.com/block-settings-guide/
– https://www.screencast.com/t/RNyyhtjz
So if you use a “page” type the block will show only pages
– https://www.screencast.com/t/i9PylmAZGc
Let me know if you have more questions, I will try my best to help you.
Hi,
There are plans to update the guide, sorry for that. The settings would be the same, only renamed.
The non-logged users will be served a cached page, so the random sorting will not work. You could set a timeout before the cache is automatically cleared
– https://www.screencast.com/t/2QGTDvOOU
When the time runs out the cache will be cleared and the blocks that use a random sorting should display other posts.
Thanks
Ok i understand now, sorry about that. Because most of my site is going to pages instead of posts is there anyway i can change the grids and block to display pages instead of posts, many thanks.
Hello,
I had made two custom modules, editing the td config file directly. Upon updating the theme I quickly found out I should have used the theme api plugin to avoid having everything erased. However I can’t get it to work.
I followed the tutorial offered on the site, creating the td-api-plugin folder and php file.
The php file includes following text, do I need to alter the $this->plugin_url and $this->plugin_path ?
If so how would I need to do this.
I am working with a newspaper-child theme and the address of the site is currently v2.enola.be,
which will change in the future to http://www.enola.be so I want to be prepared for that too.
thanks for your kind assistance
Nick
<?php
/*
Plugin Name: td-api-plugin
Plugin URI: http://tagdiv.com
Description: tagDiv API plugin
Author: tagDiv
Version: 1.0
Author URI: http://tagdiv.com
*/
class td_api_plugin {
var $plugin_url = '';
var $plugin_path = '';
function __construct()
{
$this->plugin_url = plugins_url('', __FILE__); // path used for elements like images, css, etc which are available on end user
$this->plugin_path = dirname(__FILE__); // used for internal (server side) files
add_action('td_global_after', array($this, 'hook_td_global_after')); // hook used to add or modify items via Api
}
function hook_td_global_after() {
//Add new modules
td_api_module::add('td_module_20',
array(
'file' => $this->plugin_path . "/includes/modules/td_module_20.php",
'text' => 'Module 20',
'img' => $this->plugin_url . '/images/panel/modules/td_module_20.png',
'used_on_blocks' => array('td_block_25'),
'excerpt_title' => 30,
'excerpt_content' => 50,
'enabled_on_more_articles_box' => false,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap td-animation-stack',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
td_api_module::add('td_module_21',
array(
'file' => $this->plugin_path . "/includes/modules/td_module_21.php",
'text' => 'Module 21',
'img' => $this->plugin_url . '/images/panel/modules/td_module_21.png',
'used_on_blocks' => array('td_block_21'),
'excerpt_title' => 15,
'excerpt_content' => '',
'enabled_on_more_articles_box' => true,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
}
}
new td_api_plugin();
Hi,
From what I can see the website at the moment has functionality issues. There are js errors in inspector console. These seem to affect the header search, all block pagination maybe others as well
– https://www.screencast.com/t/QqquTuHruN
Most issues like this are caused by plugins or code entered in the theme panel, theme files or child theme. Check all of these one at a time.
Deactivate all your plugins except theme plugins as a quick test, temporarily remove codes you entered in the theme panel (ad codes, custom codes, scripts etc). Clear the cache and purge CDN if used. If you use a child theme deactivate it. After each step check if the issue is solved.
1. From what I can see there is a logo set, but the URL to it leads to a 404 page, maybe it does not exist anymore? You could check if that is the case
– https://www.screencast.com/t/4d2QjZEfl
– https://exoportail.com/wp-content/uploads/2018/04/B52C23D441642022E54593A5ED5AAA6F8D7FDF98091A86F380pimgpsh_fullsize_distr.png
2. So you set a background in the theme panel and only you as logged in see this background. I see a background color at the moment
– http://prntscr.com/kaqn9b
3. Users could be receiving a cached version of the website. That would explain the fact that they see a different version of the website. Also check with a different browser while logged in.
Do you use any website optimization or minification plugins? Or image optimization plugins or services?
This kind of plugins or services could be the cause for all the previous mentioned issues. Temporarily deactivate them all if you do. Check if this solves the problems.
Thanks
Hi,
You can ask as many questions as needed, we and other users will try to help you as best we can.
For that post template in order to achieve a quality result, the image should be bigger. For example the demo uses a featured image of this size
– https://demo.tagdiv.com/newspaper/wp-content/uploads/2015/04/snow.jpg
– https://demo.tagdiv.com/newspaper/td-post-the-new-screen-savers-the-show-that-launched-video-into-the-stratosphere/
If there is a background color or image set, the website will be boxed, so the post template would look like this
– http://prntscr.com/kaq0or
You could try some thumbnail cleaner plugins, make some tests with them. Maybe these one
– https://ro.wordpress.org/plugins/thumbnail-cleaner/
– https://ro.wordpress.org/plugins/force-regenerate-thumbnails/
Consider making a back-up before, in case something doesn’t work as intended, better to be safe.
You could try a third party pages widget, the default widget allows only to exclude. I believe there are also solutions online to modify WordPress files to make the pages widget include instead of exclude.
Note that our blocks can display pages as well
– https://www.screencast.com/t/CPaAjXzV8xNp
You can filter the pages by ID, adding specific IDs will only display those pages.
Thanks
Hi,
You could try a code like this for example
.home .td_block_21 .td_module_16:not(:first-child):before {
content:"";
position:absolute;
top: -20px;
width: 100%;
height: 2px;
background-color: black;
}
The result is here – https://www.screencast.com/t/UvJtju1H5
The code will affect only block 21 in the homepage. Give it a try, see if it is what you wanted.
