- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
- TutorialstagDiv Social Counter Tutorial
When using 9.7.3, and attempting to recreate the Flex Slider setup in Classy Magazine demo, putting the margin of the meta info at -50px to get it to overlap the post picture just will not work. Have traced it down to line 4091…
.td_module_wrap.td-meta-info-hide .td-module-meta-info {
min-height: 1px;
margin-top: -4px;
}
The margin-top: -4px; is not being superseded by the -50px auto 0px I’ve inserted into “meta info margin” in TD composer. Should this line be removed in style.css? I really don’t like removing lines because things get broken when an update comes out, but there’s really no way to overwrite it in a child theme, is there? What’s the issue here?
Hi,
That looks like the Full grid 1 if I’m not mistaken, which has these styles
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
A style exactly like that for the grid doesn’t exist. There are a couple that are centering the post meta, like style 5 and 6.
With a flex grid you could position the meta center and bottom
– http://prntscr.com/nyq2wj
Then set a limited width and also set the colors – http://prntscr.com/nyq46h
– http://prntscr.com/nyq41e
To position the meta lower, you could set a negative margin for it
– http://prntscr.com/nyq77x
Flex grids don’t display the author image at the moment, like flex blocks can. maybe an option will be added for them as well in the future.
If you have more questions let me know.
Thanks
Hi,
Please notice that writing multiple times in the same topic only delays the answer. In order to get a fast response, please write once and wait for an answer. We answer from oldest to newest so if you keep posting, your post is moved to fresher ones thus receiving the answer later until we answer all posts before your last reply.
Unfortunately since Newspaper v9.7 the api plugin cannot be used anymore, sorry! it has been replaced by a new plugin
– https://forum.tagdiv.com/developer-info/
You could use this plugin from now on. Or experiment with flex blocks, maybe what it used to be possible only with the api plugin, it is now possible with flex blocks and grids
– https://tagdiv.com/tagdiv-composer-flex-block-elements/
– https://tagdiv.com/tagdiv-composer-big-grid-flex-elements/
Thank you!
Regarding a slide with horizontal scroll, I understand. Thank you.
And regarding an image height, I am taking about Slider that you are providing us.
If I add “%” for image height on slider, it doesn’t work.
https://prnt.sc/nxw3c8
I can use “%” on Flex Blocks though.
Only the big grid slide and slider element work like that
– https://demo.tagdiv.com/newspaper/big-grid-slide/
– https://demo.tagdiv.com/newspaper/ios-slider/
Or maybe experiment with the revolution slider provided with the theme, it is a very complex plugin – https://forum.tagdiv.com/how-to-install-revolution-slider-v5/
Flex blocks and grids have options to set an image height, it should work correctly. There are quick settings for it – https://prnt.sc/nxcx4v or you can manually enter values
– http://prntscr.com/nxcxjh
Either way should work correctly and the image should be modified accordingly. What is happening in your case?
Dear support
On tagdiv composer, not displaying custom post category name on category filter of block elements(flex block1 or so).
So I can not select them here.
And if we fill in category id of custom post type to “Multiple categories filter:” box, but displaying nothing.
Please tell me how to use and display custom posts category list on block elements(flex block or so).
Regards
Hi,
Unfortunately, there is no option in Flex Block 5 to show the view count, sorry!
Thank you!
Thank you Calin, I downgraded do 9.6.1 and it’s works now.
I hope that flex box will be available as a widget one day.
Hi,
right, that I know. I was referring to the Flex Block 5 (see above) and the availability of the post view in this. Is it possible?
Thanks
Hi,
Those already have a horizontal scroll by default, for the bottom modules. For example big grid flex 9 on mobile
– http://prntscr.com/nvubui
You could hide the top 2 modules with CSS, but that would hide the 2 posts as well.
Adding a scrollbar to a flex block by a setting isn’t possible, but if this request becomes more popular it will be considered. Maybe it could be done with CSS, haven’t tried something like that however.
Thanks
Hi,
Actually the ajax menu doesn’t have a color setting. The date and excerpt have but only in flex blocks – http://prntscr.com/nvshpf
For default blocks I could give you a CSS code – http://prntscr.com/nvsjm8
.td_block_wrap .td-post-date, .td_block_wrap .td-excerpt,
.td_block_wrap .td-subcat-filter .td-subcat-list a,
.td_block_wrap .td-subcat-filter .td-subcat-dropdown span {
color: #000;
}
This will affect all the blocks as it is currently.
The initial color of the article titles in modules is this one
– http://prntscr.com/nvsle6
Only flex blocks have options to color them differently – http://prntscr.com/nvslxz
For default blocks this should work – http://prntscr.com/nvsnv3
.td_block_wrap h3 > a {
color: #000;
}
This will also affect all the blocks as it is currently.
Regarding this – http://prntscr.com/nvsp1f I don’t quite understand what you want to do. Maybe you could explain a bit more.
Thanks
Hi,
Unfortunately there is no option for 16:9, sorry!
But there are some blocks that have a closer size thumbs -> https://www.screencast.com/t/yRPYMOlBt4eI -> https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
Also you can use some flex blocks, those can be set -> https://www.screencast.com/t/8mixJv0vEZ5 ->https://tagdiv.com/discover-flex-blocks-customization/
You can try the single post template from tagDiv Cloud Library.
Thank you!
Hi,
It won’t adapt automatically, you have to make the flex block adapt. So for example while flex block 1 displays 3 modules per row on desktop (which looks properly) – http://prntscr.com/nvrgul
On mobile it will display the same 3 modules per row (which doesn’t look alright)
– http://prntscr.com/nvrh8l
So you should set the block to display 1 module per row on mobile
– http://prntscr.com/nvrhhi
Most of the setting are per device (viewport) including the number of modules per row.
While working with flex blocks in the composer, keep switching viewports to see how the result looks on other devices.
If you have more questions let me know.
Thanks
Thank you Calin,
I think I will do it as the ultimate solution…
In the meantime I’m trying to use flex block as an alternative, but when I save it, it does not appear in the widget available in classic widget section of wordpress. Can you confirm that flex block saved in Composer are not available as a widget in WP ? THanks
Hi, I would like to have horizontal scroll for block in mobile view.
So I found MODULE FLEX 7, which is used in Big Grid Flex 9 and 10.
But I don’t need MODULE FLEX 6, which is also used in Big Grid Flex 9 and 10.
I think I can hide MODULE FLEX 6 using css…but, do you have any recommendations to have horizontal scroll for block in mobile view without add css?
Or is it possible to add horizontal scroll for Flex Block 1 in mobile view by using css?
So what I did was create a home page with the TagDiv composer.
Only put two elements there: Big Grid Full 10 and Flex Block 1.
Pretty simple stuff, but when I test it mobile, the second element, Flex Block 1, doesn’t adapt. It shows the same 3 sad and tiny columns.
Any quick fix for this?
Hi,
You can set the row layout from general -> https://www.screencast.com/t/W5bx0lnr
Also you can delete the row pressing the delete button, click and hold and drag the row in delete section or using the right click on the row.
-> https://www.screencast.com/t/8nDxZ7Zv
-> https://www.screencast.com/t/w3Br7BorZJdm
Unfortunately the grids have a specific number of posts to show, there is no option for post limit to can sho more posts, sorry! you can try the flex blocks and adjust theme to look like some big grids.
Thank you!
Hi,
this is really unfortunate. I’ve helped myself with Flex Block 5, which almost gets the job done. Is there any way to include post view count and other elements into the post meta section? Or is the option for customization completely gone (I really don’t hope so)?
Thanks
Hi,
That should work if you edit the module files in the composer plugin files. The api plugin was discontinued unfortunately. It was replaced with the creative plugin
– https://forum.tagdiv.com/developer-info/
The guide contains just a simple example at the moment, but not one for an actual block.
Due to the files being moved in the composer after the 9.7 update, currently there would no way of modifying the modules, either than directly. Through the plugin it would be possible to add a new block based on flex block 1 for example, it may take some work to do it however. If I could provide an exact guide as to what needs to be done, I would happily. Maybe we will update the documentation with more examples when time permits.
For the time being you could make your modifications to the module, and back up the file. Then replace the new file after a theme update with the backup. Sorry for the inconvenience.
Thanks
Hi,
Grids don’t show the excerpt of posts, only blocks (not all of them however). For grids and the blocks that don’t show the excerpt, this can’t be enabled with CSS.
However there are many types of blocks that you can use, such as the predefined types
– https://demo.tagdiv.com/newspaper/block-1/
Use the top switcher to see them all – http://prntscr.com/nsbeya
Some of these will show the excerpt, so you could use one that does.
Besides the predefined blocks there are also flex blocks, these are highly customizable blocks. Here are some examples created by us – https://cloud.tagdiv.com/#/load/Blocks each one can be imported through the cloud library plugin provided with the theme
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
You can design your own flex blocks as well, as you want.
So the best way is to use different types of blocks, ones that show the excerpt. But grids can’t show excerpts unfortunately, they are not supposed to.
Thanks
Hello,
Before latest update, I was using a custom block with custom logic (not available with flex block).
Now it doesn’t work as the oldest api plugin is not used anymore.
I checked the new creative plugin, but I don’t understand how I can add a filter tab to my custom block ?
My old syntax was something like this :
td_config::get_map_filter_array(),
td_config::get_map_block_ajax_filter_array(),
td_config_helper::block_font(),
td_config_helper::module_110_font(),
td_config::get_map_block_pagination_array()
How can I get the same result with the new plugin ?
Thanks !
Hi Simon.
I’m pretty sure it does.
I accomplished my goal by temporarily hard coding the td-composer module file.
This is what I want for my homepage: https://prnt.sc/nu0fle
I order to achieve that goal, I generated a page using the Default Template
and I used the Flex Block 1
I want the posts to have the category filter, using Ajax to filter posts.
Here you see where I inserted the div wrapper with the function from the external plugin that renders the “post reactions” where users can interact (as you’ll see on the previous screenshot): https://prnt.sc/nu0iey
I would like to ask for this favor.
I’m sure is not pretty much to ask:
Can you please generate for me a td-api-plugin.zip where I can customize the td_module_flex_1??
As a module, and also as a block…
I know it’s not within your scope of support to do my job (as a developer)…
BUT
since I would like to work with THAT specific block
I’m almost certain that you’ll find pretty accessible and at your disposal
compiling a plugin for me
with just this module & block…
for me to customize… 🙂
Thanks in advanced!
Hi,
That plugin cannot be used anymore since update 9.7, it has been replaced by a new plugin
– https://forum.tagdiv.com/developer-info/
You could use this plugin from now on. Or experiment with flex blocks, maybe what it used to be possible only with the api plugin, it is now possible with flex blocks and grids
– https://tagdiv.com/tagdiv-composer-flex-block-elements/
– https://tagdiv.com/tagdiv-composer-big-grid-flex-elements/
Thanks
have install new WordPress 5.2.1
install them newspaper (lastest version from themeforest date:2019-05-25) and activated – successful
now i have installed required plugins: tagDiv Cloud Library and tagDiv Social Counter ok; tagDiv Composer failed!
manual installation in backend over Newspaper / Welcome “Start with the Newspaper Theme” failed
An error occurred and we could not finish the process.
Please reload the page and try again
manual installation in backend over Newspaper >>> Plugins failed
The file could not be copied. td-composer/legacy/Newsmag/assets/css/td_legacy_main.css
manual installation over ftp failed
follow files couldn’t copied:
td-composer/legacy/newspaper/assets/css/td_legacy_main.css
td-composer/legacy/newspaper/assets/images/pagebuilder/preset-icons.png
td-composer/mobile/images/icons/mobile-theme.svg
td-composer/legacy/newspaper/assets/less/pagebuilder/shortcodes/big-grids-style.less
td-composer/legacy/newspaper/assets/less/block-templates.less
td-composer/mobile/style.css
td-composer/includes/templates/font-awesome.php
td-composer/legacy/newspaper/assets/less/pagebuilder/shortcodes/block.less
td-composer/includes/templates/typicons.php
td-composer/css-live/assests/external/ace/ace.js
td-composer/legacy/Newsmag/includes/td_css_generator.php
td-composer/legacy/Newspaper/includes/shortcodes/td_flex_block_4.php
td-composer/legacy/newspaper/assets/less/single/post-templates.less
td-composer/legacy/Newspaper/includes/shortcodes/td_ad_box.php
td-composer/legacy/newspaper/assets/less/pagebuilder/shortcodes/big-grids-full.less
What can i do?
Hi,
Unfortunately the there is no option to can set a big grid flex to be show in full screen, you can adjust it but no on full screen, you can set the row on full width, you can set the row on full height -> https://www.screencast.com/t/3eZXktgS
Thank you!