- NewspaperFlex Block Builder and Flex Loop Builder
- NewspaperHow to use the Flex Blocks cache option
- NewspaperHow to edit modules for Flex Block X
- NewspaperFlex Block Settings Guide
- NewspaperBig Grid Flex Settings
- NewspaperSingle Post Excerpt
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperSearch setup for custom post type
- NewspaperBookmark – Save For Later
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to insert a block inside the content of a post
- NewspaperCustom Post Type Support
- NewspaperMeta Info on Modules and Blocks
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewsmagSocial counter styles on Newsmag
- NewspaperSocial Counter Styles on Newspaper
- TutorialsOffset Feature
- NewspaperCloudflare (CDN)
Hi,
my Flex Block on the homepage is alway sorting via “Modified Date”, even when “-Latest-” ist chosen.
What can be the problem?
Kind Regards
Holger
Hi there,
we can’t find a way to make the excerpt clickable. Is there a possibility, that you could add that feature?
We analyzed our sites and realized that many people expect a click on the excerpt in the flex block 1.
Thank you!
Hello,
You can try to stretch the row. You can find more details here -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
-> https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/
Also, did you stretch the row or the inner row? -> https://i.imgur.com/Ol08KTw.png
Thank you!
Hello Amit!
You can create a new page, edit it with the TagDiv Composer(the button from Gutenberg) and use some flex blocks with different category filter: https://forum.tagdiv.com/flex-block-settings-guide/
An archive page is a great way to structure all of your content in an archive such as monthly, yearly or even a particular date range. It can be find in the Cloud Templates -> Date Templates.
Thank you!
But a few days ago, I notices that I have 2 H1 hags, both for the logo image.
Each one rendered by different code.
I saw that many people have complained about this, without it being resolved.
This file may contain the location of that:
td-cloud-library/shortcodes/header/tdb_header_logo.php
The function render() is called twice and I believe that inserts the two lines below into the HOME page.
I did have a standard logo and a retina logo, but I removed the retine logo because I thought that might be the cause of this, but removing it didn’t help.
One is probably display:none; in the CSS
Isn’t there a better way to do this than to have two complete H1s in the page ?
Some software may see the CSS, but some is not that smart.
For example, RankMath thinks there are 2x H1 tags
I think Google ignores one of them.
But I saw that some people using Newspaper theme had up to 6 H1 tags.
In the rendered page, here are the two lines:
Line 456
<style>.tdb_header_logo{margin-bottom:0;clear:none}.tdb_header_logo .tdb-logo-a,.tdb_header_logo h1{display:flex;pointer-events:auto;align-items:flex-start}.tdb_header_logo h1{margin:0;line-height:0}.tdb_header_logo .tdb-logo-img-wrap img{display:block}.tdb_header_logo .tdb-logo-svg-wrap+.tdb-logo-img-wrap{display:none}.tdb_header_logo .tdb-logo-svg-wrap svg{width:50px;display:block;transition:fill .3s ease}.tdb_header_logo .tdb-logo-text-wrap{display:flex}.tdb_header_logo .tdb-logo-text-title,.tdb_header_logo .tdb-logo-text-tagline{-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.tdb_header_logo .tdb-logo-text-title{background-size:cover;background-position:center center;font-size:75px;font-family:serif;line-height:1.1;color:#222;white-space:nowrap}.tdb_header_logo .tdb-logo-text-tagline{margin-top:2px;font-size:12px;font-family:serif;letter-spacing:1.8px;line-height:1;color:#767676}.tdb_header_logo .tdb-logo-icon{position:relative;font-size:46px;color:#000}.tdb_header_logo .tdb-logo-icon-svg{line-height:0}.tdb_header_logo .tdb-logo-icon-svg svg{width:46px;height:auto}.tdb_header_logo .tdb-logo-icon-svg svg,.tdb_header_logo .tdb-logo-icon-svg svg *{fill:#000}.tdi_10 .tdb-logo-a,.tdi_10 h1{align-items:flex-start;justify-content:center}.tdi_10 .tdb-logo-svg-wrap{display:block}.tdi_10 .tdb-logo-svg-wrap+.tdb-logo-img-wrap{display:none}.tdi_10 .tdb-logo-img-wrap{display:block}.tdi_10 .tdb-logo-text-tagline{margin-top:2px;margin-left:0;display:none}.tdi_10 .tdb-logo-text-title{display:none}.tdi_10 .tdb-logo-text-wrap{flex-direction:column;align-items:flex-start}.tdi_10 .tdb-logo-icon{top:0px;display:block}@media (max-width:767px){.tdb_header_logo .tdb-logo-text-title{font-size:36px}}@media (max-width:767px){.tdb_header_logo .tdb-logo-text-tagline{font-size:11px}}@media (max-width:767px){.tdi_10 .tdb-logo-img{max-width:160px}}</style><div class=”tdb-block-inner td-fix-index”><h1><span class=”tdb-logo-img-wrap”>
</span><span class=”tdb-logo-text-wrap”><span class=”tdb-logo-text-title”>AxcessNews</span><span class=”tdb-logo-text-tagline”>Business News Channel</span></span></h1></div></div> </div></div><div class=”vc_column tdi_12 wpb_column vc_column_container tdc-column td-pb-span4″>
Line 470
<style>.tdi_26 .tdb-logo-a,.tdi_26 h1{align-items:flex-start}.tdi_26 .tdb-logo-a,.tdi_26 h1{justify-content:center}.tdi_26 .tdb-logo-svg-wrap{display:block}.tdi_26 .tdb-logo-svg-wrap+.tdb-logo-img-wrap{display:none}.tdi_26 .tdb-logo-img-wrap{display:block}.tdi_26 .tdb-logo-text-tagline{margin-top:2px;margin-left:0;display:none}.tdi_26 .tdb-logo-text-title{display:none}.tdi_26 .tdb-logo-text-wrap{flex-direction:column;align-items:flex-start}.tdi_26 .tdb-logo-icon{top:0px;display:block}</style><div class=”tdb-block-inner td-fix-index”><h1><span class=”tdb-logo-img-wrap”></span><span class=”tdb-logo-text-wrap”><span class=”tdb-logo-text-title”>AxcessNews</span><span class=”tdb-logo-text-tagline”>Business News Channel</span></span></h1></div></div> </div></div><div class=”vc_column tdi_28 wpb_column vc_column_container tdc-column td-pb-span4″>
Hi,
Yes, that is the cloud header and indeed most of the time provides better results.
Also you can check the rest of templates, footer, category… and set them from cloud and after that check if you have the tagDiv Standard Pack plugin installed, if you do, then please disable it and check the website if displays shortcodes, if does, then activate the plugin and change those elements (usually are blocks that needs to be replace with flex blocks). If you have the tagDiv Standard pack enabled and you’ll disable the plugin there should be some more improve for the performances.
Thank you!
Hi,
I add Flex Block 4 to my page.
In FILTER – EXTRA – Pagination, I chose “Load more button”.
Into the button, justafter the load more text I have a “>” appearing. How to remove it?
Thanks
Stefane
Hello thanks for your reply, Bettina!
I checked my website home page, the template, the menu and the headers. I also checked all the pages.
I am not using flex blocks. Therefore none of the blocks feature an Ajax filter or any of the mega menus are also not being used.[that have subcategory filters.]
Is there still an alternative to troubleshoot this?
Amit Kumar
Hello,
Normally for all those the flex block have the options in layout section – https://i.imgur.com/fxJQOAb.png just scroll down for the rest of options – https://i.imgur.com/wSUJfd5.png – https://i.imgur.com/dh7vJzF.png – https://i.imgur.com/Zt4D7nC.png the settings for video duration is in general tab – https://i.imgur.com/aEeZND3.png and the next prev arrows can be added from filter tab – https://i.imgur.com/i0iA09e.png
I hope this will help you!
Thank you!
Hi Colin
Thanks for your answer. I have now used Flex block1 now instead and the images are not blurry, so that was great. But now there is more information appearing under the video (duration, first line of text and date), these lines were not appearing when I was using Block 16. I have replicated all options, and the option “Show video duration”is set on Hide.
Flexblock is the panel “Best of” (yellow) on my home page (the other blocks are still non-flex):
https://costatropical.tv/
Thanks
Please advise
Hello!
You should write the name of your post type. For example: https://app.screencast.com/hx0IyZbjPJxnK
Check these guides for more information:
– https://forum.tagdiv.com/flex-block-settings-guide/
– https://forum.tagdiv.com/filters-sorting-taxonomies/
– https://forum.tagdiv.com/introduction-cpt-acf-newspaper-theme/
– https://forum.tagdiv.com/custom-post-type-support/
– https://forum.tagdiv.com/custom-fields-support/
Thank you!
Hi,
If you want you can use the mobile theme plugin but disable it from pages, unfortunately for this you’ll need to go on each page and from Gutenberg editor to disable the mobile theme – https://i.imgur.com/2prHOcF.png then the responsive version will be used.
Another solution is to use the flex blocks elements instead of blocks, those can be configurate per view port – https://i.imgur.com/YE1xtfg.png – https://i.imgur.com/6sTDf3B.png each option with a solid border in front can be set per view port. Also when you have a flex block layout that you want to reuse it you can save it as an element – https://i.imgur.com/amjxWeA.png and use it latter from tagDiv Composer.
I hope this will help you!
Hello @dimiguel!
A workaround there could be to use flex blocks. This is the easiest way to control the posts from every module. A module could represent a flex block element with the limit 1, that displays only one post. Steps to follow to build what you need there in the tagdiv composer:
1. Add a new row
2. Split it in 2 columns
3. Add 1 flex block element with limit 1 and the filter you need. Also you can specify the Id of the posts you like to be displayed in that flex block. Check the guide for more info: https://forum.tagdiv.com/flex-block-settings-guide/
3. Add 1 flex block with limit 1 also in the second column. Add the post ID you like to display there as well.
4. Add an inner row in the second column
5. Split it in 2 inner columns.
6. Add 1 flex block in the first inner column
7. Add 1 flex block in the second inner column
Thank you!
I’m using Big Grid Flex 5 and I need to customize the order in which news is displayed in the blocks. See the example in the image: https://snipboard.io/qdIMop.jpg
I need to define which news is in block 1, in block 2 and so on.
I’m using a specific tag to pin the news to Big Grid, but this way I can’t determine where each news item will be located.
What is the correct or suggested procedure for this?
Hello,
We do not recommend setting two posts loop on the same page/template, because most of the settings from the first loop element will be set for the second one.
A workaround is to use flex blocks, and set the ads after each flex block and using the offset option -> https://forum.tagdiv.com/offset-feature/
Thank you!
Hello,
I recommend using Flex Blocks instead of the blocks 1-25.
Please go to the Theme Panel -> Block Settings -> Meta info on modules/blocks and enabled the modified date -> https://i.imgur.com/uxP2wyL.png this is for blocks 1-25 or big grid.
Thank you!
Hello,
Indeed we recommend to use flex blocks and flex grids, those are providing options for everything you need and you can choose the image thumb size that you want to use for that module.
Our theme images are based on thumbs that are created by the theme
Normally the image you are uploading should be at least the dimension of the biggest thumbs size you are using on your website.
Thank you!
I’m having the same problem. Date won’t show even when appropriate box is checked. Date appears in one module because I typed it into the excerpt.
• Live page – https://bayarearegistry.com/category/photos/
• Composer – https://www.screencast.com/t/x0TBHzfaIITJ
Note: Big lead image is created w/ Posts Loop 2. Smaller thumbnails created with Flex Block 1.
hi,
i’m using “Big Grid Flex 2” on my homepage but “zoom effects on hover” doesn’t work even it’s on. when i edit homepage with Tagdiv Composer, it works properly but when I finish and return to homepage doesn’t work. the other problem is “edit” button on the Blocks and Grids. I didn’t see any “edit” word on Themepanel and I couldn’t change it. (See example below)
Hi there, I getting an issue on this flex block builder;
So the condition like this:
– I have custom field (ACF) field “affiliate_url”
– then in module template I couldn’t find anything that can make this ACF field be button. We only have Read more button in module shortcode.
So what possibility I can do to have this affiliate_ulr button?
Thanks
Please please please can you guys add numbered pagination for flex blocks. It would be so useful to be able to create a page and have a flex block list a specified number of posts based on a tag filter that uses multiple tags to list content for example. There’s no way of doing this and have numbered pagination as far as I’m aware? Please can you add it to the flex blocks??
Best,
Alastair
What are the best practices for uploading images using this theme? It would be super helpful if there was an article about this. From what I’ve gathered, it seems better to use flex blocks than the standard ones because there’s more things you can customize.
1. What are the recommended dimensions for blog post images and feature images? If there’s specifics depending on the template, where can we find that information?
2. What are the recommended file sizes?
3. Should we upload a file specific for the feature image?
I saw the video you sent me. But in the end, the outermost blocks of flex block 5 are not the same size as the central three as shown by the screenshot taken from your video: https://prnt.sc/YzUwum-7BAtR. How do you get all 5 of them the same size?
I saw the video and thank you. But from what you created, six inner rows are formed in the end. If I have to insert 5 flex block 5 modules I will have one left over at the end as shown in this screenshot: https://prnt.sc/wnCEXiZNqacZ . You sent me the two links to these pages: https://tagdiv.com/flexibility-rows-columns-newspaper-theme/ and then this: https://tagdiv.com/how-to-add-delete-and- duplicate-row-newspaper-theme/ but I can’t center the 5 blocks making them all appear aligned in the center with identical lateral spaces to be able to center it.
Hi,
Take a look here in this video for example where I build 6 columns: https://www.screencast.com/t/mZ2c5XamTFN You can play the layout options -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/ -> https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/
You need to set for each column teh width 20% for five columns.
Thank you!
