- 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
- Apitd_api_thumb::update_key
- Apitd_api_thumb::update
- Apitd_api_thumb::add
- ApiAPI – Thumbnail – Introduction
- Apitd_api_category_top_posts_style::update_key
- Apitd_api_category_top_posts_style::update
- Apitd_api_category_top_posts_style::add
- ApiAPI – Category top section style – Introduction
- Apitd_api_module::update_key
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
- ApiThe Theme API
Thanks Anamaria! Your advice allowed me to re-design the page to get the images right using flex blocks, but now I’m wondering if there’s a way to add the zoom effect on hover/mouseover on the featured images?
It a standard feature on the big blocks, but the flex blocks don’t seem to have the option at all, only colour related options.
Appreciate the help!
Good day.
There are several categories in the news.
When changing the main category in the news, the url does not change. Url remains with the first category. I am using the plugin yoast seo
Is there a function in the template that blocks url formation?
After migrating a development site from localhost, I am seeing an error on my live site where the following file is not found:
http://localhost:8080/wp-content/uploads/2021/02/bghd.jpg
In background settings for the theme panel I see no references to bghd.jpg. I cannot find this anywhere to remove or update this reference and it’s causing mixed-content warnings as my live site is https.
Where can I find where this is being set? This is not an image I uploaded, so I assume it is a default.
I can see it in the CSS referenced here:
<div class="tdi_3_397_rand_style td-element-style" ><div class="td-element-style-before"><style>
/* phone */
@media (max-width: 767px)
{
.tdi_3_397_rand_style > .td-element-style-before{
content:'' !important;
width:100% !important;
height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
z-index:0 !important;
background-image:url("http://localhost:8080/wp-content/uploads/2021/02/bghd.jpg") !important;
opacity:0.2 !important;
background-size:cover !important;
background-position:center top !important;
}
}
</style></div><style>
Hello!
To apply the zoom effect to the Big Grid blocks you need to check this option: https://www.screencast.com/t/1lPZw0kUAUt
Thank you!
this is the https://pasteboard.co/JQMbL9p.png (original mobile layout) when i switch the layout to mobile to edit and save it after the making changes, when i check it on my phone it has a different layout
this is the result when im using my phone https://pasteboard.co/JQMfgTl.jpg (header) https://pasteboard.co/JQMgRgTt.jpg (footer) and some of the blocks are messed up
this is my website: sofxmedia.us
Hi!
Since two weeks ago I started to receive this warning in lighthouse reports:
Preload Largest Contentful Paint image, and it’s linked to the biggest image above the fold.
Is there something we can do to preload this image? It comes from a flex block…
Thanks!
Hi,
I was thinking more like the movement of a Big Grid Flex element but for a Flex Block. It looks like it zooms into the picture.
Also we are having another issue. When someone hovers over the article the title hover colour goes off even when the cursor isn’t over the title.
All the best
Thomas
Hello!
For example, if you will add an element to your flex block or posts loop, then you will find this option and you can apply it on your images: https://www.screencast.com/t/NlaIddiB
Thank you!
Hi,
I’m creating a custom post type and I’m wondering if there’s a way to use the blocks offered in Composer? like with shortcodes or similar? Either by putting them in the content editor or a way that I can include them with PHP?
Thanks!
Hello
I have 3 ‘Text with title’ blocks in columns in a row. Each block has a different amount of text which means the blocks are all different heights. How can make all the blocks the same height?
Thanks
Hi there,
I am trying to update my article images to be saturated until someone hovers over the picture.
Do you have a tutorial on how to do this?
Please tell me how to edit:
Flex block 2 > Style > IMAGE EFFECTS / BLEND MODES
All the best
Thomas
Hello,
On the blocks that you use you can’t set the image size on 16:9. You can try to use the flex blocks which have the option to adjust the image size => https://www.screencast.com/t/sMBfMtyRW where you can set the height and width to have the 16:9.
More information about flex block can find in those guides :
-> https://forum.tagdiv.com/big-grid-flex-settings/
-> https://forum.tagdiv.com/flex-block-settings-guide/
Hope this helps you!
Thank you!
Hello Team,
We are facing the issue of getting duplicate posts when using the BLOCK MODULE with Infinite Load.
Website URL: https://edtimes.in/
Scroll down on the homepage you will find the LATEST ARTICLE SECTION in which we have applied infinite loading. I have tried with both by using the BLOCK MODULE and by using the TAG DIV SHORTCODES also, but the same issue of duplicates.
Pls, help asap.
Images Link of Issues:
https://snipboard.io/GD60ul.jpg
https://snipboard.io/Wfe7VG.jpg
Hello !
On the PRO demos the hidden option is disabled at the moment, you can however hide it using a CSS code. .tdb-category a[href$="/featured/"] , .tdc-content-wrap .td-module-meta-info a[href$="/featured/"], .td_block_wrap .td-module-container a[href$="/featured/"]{
display: none;
}
Add this code in Theme Panel – Custom Code – Custom CSS.
Thank you !
Hi guys,
The amount of options/settings to do with thumbnails is doing my head in and I can’t seem to sort this out, hoping someone here can assist 🙂
My page is: https://playtopia.com.au/
You’ll notice all the thumbnails (which are done in 16:9 aspect) have the sides cut off… and I certainly want my blocks displaying them in 16:9 and correctly.. but I can’t for the life of me figure out the settings.
My front page is made up of:
Top row – Big Grid Full 3
Videos row – Block 1
Articles row – Block 12
How can I get my 16:9 images displaying as thumbnails correctly?
Thanks 🙂
It works, but there are only two styles – is it possible to use the other block formats for the post loops?
Hi,
I have created a Single Post template, with a Revolution Slider Module just below the header. I then edit the template with the slider and input the slider name in the slider block, and it works perfectly.
However, when I apply the “Ken Burns” effect via the RevSlider interface, the individual slide that has the effect shows blank on the post. The same individual slide will show correctly, with the Ken Burns effect, on the template if I choose to see it via the Cloud Template.
It is just on the post itself that it will appear blank. I can even remove the effect from one single slide and it will start showing, and then apply the effect to another one, and only that individual alide will show blank.
Looks like a glitch between the Posts and the Sliders.
Hi
I have issues with inserting Mailerlite HTML code into Newspaper Pre-Build Website via editing Home Page (in TagDiv Editor) – here:
https://drive.google.com/file/d/1hJ3mdiKuSfdUMudtbGbC3jT-Uvy57E8w/view?usp=sharing
I used tutorial I found here: https://tagdiv.com/tagdiv-newsletter-plugin/
I even added the second Newsletter block – same issue – here:
https://drive.google.com/file/d/1JKP19wsa8OtvCaX3Vj-h_TlZDOOmRwxu/view?usp=sharing
Please help.
Hi, I am using “infinite load” pagination on my layout categories.
To improve the Cumulative Layout Shift (CLS) I removed the footer, this affected a lot.
However, I have a problem that I have usually never had with other page builders (eg WP Bakery).
When I scroll, on category pages with no footer, I have some CLS accumulating.
Here is a video of problem:
https://gofile.io/d/1HSsCu
As I told you, with other sites I don’t have this problem.
What can it depend on?
I tried to manually remove (with Chrome inspection) every element (elements in display:none) after the “post loop” block, usually this solves the problem with other page builders, but with tagDiv it doesn’t solve the problem.
Note: I don’t know if it can be useful, but when I scroll, and the posts are loaded for the second time, the CLS is never increased (only if logged in).
Thanks for support.
PS. I also tried Chrome version 90, which fixed some problems with the CLS (e.g. position sticky). I have not solved this problem.
PS2. The Chrome plugin I use to detect the CLS is this:
https://chrome.google.com/webstore/detail/core-web-vitals/adeniimnihmbpgpbljmnohjpoolmgabj
here’s one of the example post. on sidebar the block title is plain.
https://www.ryuugames.com/summer-pockets-reflection-blue-free-download-googledrive/
Hello,
Please send a link to your website to inspect the problem and more details about what blocks you use.
Thank you!
Hello,
To increase the number you can select the block, and set the limit post => https://www.screencast.com/t/KPHLj3NJ5
The change will apply also to the desktop.
You can use the option to infinite load, but this will be active on both desktop and mobile. To enable the option the Auto Loading on the Sigle Post Template with tagDiv Composer -> Show site wide settings => https://www.screencast.com/t/A9nO0Vy1
Hope this helps you!
Thank you!
Hello @carmesi!
For example, if you want to hide the author on blocks, then there should be an option in Layout tab: https://www.screencast.com/t/TkyGoXxxOQbL
But, if you use a default template, then you can hide only by CSS.
Thank you!
Hi,
The space can be adjusted from from css tab, also some elements like flex blocks has a special filed for this https://i.imgur.com/98MI3Mh.png -> https://i.imgur.com/zY0NHAk.png
If this is not what you mean, please let me know!
Thank you!
Hi,
The sticky option from the composer is for entire columns, not for parts of the column, like a specific block, ad box etc. So basically the entire column can be made sticky, but not just the ad box from it.
You could maybe split the template content in 2 rows https://prnt.sc/10a43e7 And enter the ad box in the second row, that way you can make the right column of that row sticky. That should work.
Thank you!