- 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)
I tried that code but its still changing the color of all similar blocks instead of changing one block only…
I cant use the flex block because the flex box dont have the widget with the 3 rows.
Hi,
This problems appear after the last update of google chrome, and is not appearing in all browsers, usually is in chrome and sometime is possible to appear in edge too, but please try with other brewers like Opera and Firefox.
If you say that using flex blocks the thumb of feature image is more sharp, then please use the flex blocks, also the flex blocks give you a lot more options for style and layout ( also you can set different layout on each device );
The difference of block and flex block is that the thumb for blocks are set as image and in flex blocks are set as background image also in flex block you can change the image size.
Thank you for your understanding!
Hello~
How to show sub categorys name in menu in ‘flex block 1’?
I set category page using template 12,
and add ‘flex block 1’ as below.
https://papacurator.com/category/papalab/
the main category is ‘papa choice’
the sub category is 5 (a, b,c, d,e)
I want to show just sub category names in menu in flex block1.
but it shows every category in my homepage.
How can I set it?
Heres my current flex block 2’s state: https://prnt.sc/ml31pm
and heres the expected state I designed in Photoshop: http://prntscr.com/ml34ic
I hope that its clear now.
Im trying to fill the orange area from this ss, with flex block 2 by giving it a negative css top margin: http://prntscr.com/ml30ph
I am not sure about your pictures. They seems alright for me. But in my site, please look at this picture
http://vietnamaustraliatrade.net/wp-content/uploads/2019/02/Difference.png
Please look at two thumbnails both showed the same flag and almost the same size.
The upper is Block 1. The lower is Flex 3. One blurry and one sharp. Why?
So in the composer they look alright? Quite unusual, for me they look the same, I am trying but I can’t find visible differences
– http://prntscr.com/ml00pg (Chrome)
– http://prntscr.com/ml02vr (Firefox)
– http://prntscr.com/ml03re (IE)
We have not made any changes to how the thumbnails are created or added image filtering that would affect quality. As I mentioned there will be differences between predefined blocks and flex blocks, more visible specially in smaller modules like in this case.
Predefined blocks have the same functionality in this matter since their introduction.
If in your case there are visible differences between the composer edit screen and the actual page, we could take a look. Send us admin login by email at contact@tagdiv.com so we can check it. Include a link to this topic in the email.
Hi,
For that block this can be achieve only with custom css -> https://www.screencast.com/t/GjYaAo9tIGz
.td_block_15 .entry-title a {
color : red;
}
If you want you can try some flex blocks, those have a lot more options.
Thank you!
Hi,
So if you want to use your code you’ll need to go first in
wp-content/themes/Newspaper/includes/wp_booster/td_module.php
and
wp-content/plugins/td-cloud-library/includes/tdb_module.php
and comment the td-post-date class
-> https://www.screencast.com/t/XpmJdfUBsF
-> https://www.screencast.com/t/KzdSyWOfKX
Now for example we edit flex block 1
-> https://www.screencast.com/t/ogChT9ydUD
For post loop 1 -> https://www.screencast.com/t/Pt5d9Qrp
Doing this the post date will be align and get the color/fort.
Results: -> https://www.screencast.com/t/anaT9cWw
Thank you.
What image size have you selected for the flex block modules?
– http://prntscr.com/mkvurf
From what I can see the full size is selected, so for example this image
– http://vietnamaustraliatrade.net/wp-content/uploads/2019/02/Chu%CC%89-ti%CC%A3ch-Thu%CC%9Bo%CC%9B%CC%A3ng-vie%CC%A3%CC%82n-U%CC%81c.jpg
Will be displayed in full in the flex block modules and will provide a more quality result by loading the full image size but this will increase page size.
The predefined blocks will always make thumbnails by cropping the original image
– http://vietnamaustraliatrade.net/wp-content/uploads/2019/02/Chu%CC%89-ti%CC%A3ch-Thu%CC%9Bo%CC%9B%CC%A3ng-vie%CC%A3%CC%82n-U%CC%81c-100×70.jpg
This is the result in my case with an image from your website, flex block vs predefined block
– http://prntscr.com/mkvym3
So it is expected to be some differences in this situation. We do indeed recommend using flex blocks instead of predefined blocks, these are way more flexible.
Other than this I fail to see what the problem could be.
$buffy .= ‘ – ‘. human_time_diff( get_the_time(‘U’, $this->post->ID), current_time(‘timestamp’) ) . ‘ ago’;
1. Your code above is showing wrong time. All my posts are appearing to have been published ‘3 months ago’.
I would also like the time ago to revert to normal dates after 7 days.
2.<?php echo ( get_the_time(‘U’, $this->post->ID) > strtotime( “7 days ago” ))? human_time_diff( get_the_time(‘U’, $this->post->ID), current_time(‘timestamp’) ). ‘ ago’ : $this->get_date(); ?>
Am using the code above on my flex blocks eg on td_module_flex_1.php and the codes works well and reverts to normal date after 7 days
How do I align ‘time ago’ maintaining the color as that of ‘date’?
More clear:
In published view: flexes are sharp, other block are blurry.
In Composer: everything is sharp.
What I mean:
1) Not all block thumbnails are blurry: Flex thumbnails are very sharp but other block thumbnails are blurry. You can see the test page on my site:
http://vietnamaustraliatrade.net/test/
Where in Block 1 the thumbnails are very blurry, but they are sharp in Flex 3.
2) Thumbnails of ALL blocks are sharp in Composer. But they become blurry in normal viewing
https://www.screencast.com/t/S6htMAa3kNj
That image show the Block 1 but in Composer mode. It’s sharp.
Thank you,
Sol
-
This reply was modified 7 years by
dungtrong.
Hi,
Please check the color theme from theme panel -> https://forum.tagdiv.com/theme-colors-introduction/
-> https://www.screencast.com/t/4279smom -> https://www.screencast.com/t/mJxq6pIoCM
For post titles from blocks you need to set a custom css-> https://www.screencast.com/t/mHELrYRN
.item-details h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
color: blue;
}
Set the code in Newspaper>Theme panel>Custom code>Custom css
Or you can use flex blocks instead of sample blocks -> https://www.screencast.com/t/6jgQtTlyKgXw
Thank you!
Hi,
If you are using some flex blocks, then the zoom can be disabled in the grid settings – https://www.screencast.com/t/XSjCBVnmA
So if you don’t want this effect, disable it.
A code solution as you mention would work just as well. Either use the default big grid with additional CSS
.td-module-thumb .entry-thumb {
transform: none!important;
}
or the flex grid with the hover setting disabled.
Thanks
Hi,
You mean the module from the top of the demo? – http://prntscr.com/mkic2x
That shoudn’t be hard to do with a flex block.
The meta can be set to appear above the image and some padding
– http://prntscr.com/mkicvo
Add a background for the meta – http://prntscr.com/mkihmq
A shadow could be added but for both modules in the block – http://prntscr.com/mkik3f
It could be added with some CSS – http://prntscr.com/mkilmf
– http://prntscr.com/mkilvl – http://prntscr.com/mkim0k
Code used in the example
.myclass .td_module_flex_1 .td-module-container {
box-shadow: 0px 0px 1px 0px #000000;
}
Of course you can customize the fonts used as you want, the category tag
– http://prntscr.com/mkin8p – http://prntscr.com/mkio2c
If you have more questions let me know.
Thanks
I have the same problem and waiting for their help. It’s very strange that the quality of Flex is very good but it is very bad in other blocks. And more strange that they all look good in the Composer mode, and become bad in normal view.
https://forum.tagdiv.com/topic/thumbnails-are-very-blurry/#post-277037
Btw, I don’t think we need upload images with the exact sizes, because everything was fine when I worked with Newsmag.
-
This reply was modified 7 years by
dungtrong.
You can compare the thumbnails between Block 1 and Flex 3 in this test page
http://vietnamaustraliatrade.net/test/
The quality of Flex is far better comparing to Block 1
But in TD composer that Block 1 looks great
Hi,
Would you be so kind a give me the TD-Composer settings or (/and?) the custom CSS to turn only the Module Flex 1 in Flex Block 4 into a “card”. In my case the cards should be with a gray card background, a border and a drop-shadow. Basically similar to your Architecture preset, on a white wrap. (But I do not use Architecture!)
Thank you
Hi,
I remember trying to add a block as a widget a while back, but not through a child theme
– https://forum.tagdiv.com/topic/registering-custom-widgets/
I don’t think it is possible from a child theme. Not all them files are supported to be used in a child theme.
If you use the tagDiv composer, now there are flex blocks which have a great deal of customization options, so maybe the result you achieved with the block you added can be achieved with a flex block.
With the cloud library you can design templates and create them entirely with the tagDiv composer, bypassing the need to use widgets
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
– https://affiliate.tagdiv.com/#/load/All
Thanks
Hi,
So you chose category template 12 -> https://www.screencast.com/t/CX9cDcBWa and replace the post loop with a flex block -> https://www.screencast.com/t/S1NnDLcUxF -> https://www.screencast.com/t/jQ5dvPjkDZ do not forget to save the template -> https://www.screencast.com/t/Y6nl9daGJGTn
In order to set that category template on your categories you’ll need to go in Newspaper>Theme panel> Categories here you can set this template as global template -> https://www.screencast.com/t/YkG8UKJCToS or individual template -> https://www.screencast.com/t/QZis1ic9cVTL
Hope this will help you!
Block, flex blocks and grids do have that sorting method, they always had it. I believe the same options will be implemented for the cloud loop element.
You could replace the loop in the category templates with a block (filtered by specific category and sorted by oldest), but that would require to create a template for each category. Sorry again for the inconvenience.
Hello,
The thumbnails are very blurry in my site http://vietnamaustraliatrade.net/ despite I’ve done everything possible. Check on retina thumbnail, regenerate thumbnails.
Very strangely the thumbnails looks great on flex blocks but not in others.
And more strangely they look great in TD Composer on every blocks, but they immediately become blurry on normal viewing.
I don’t have this problem when I create my other site http://vietnamtradeoffice.net/ that use Magazine template.
Please help my deadline comming!
Thank you,
Sol
Is it possible to put the latest post in the middle (big picture)? It will make more sense i think so i hope it is possible.
Thank you very much 🙂
Hi,
This will be more easier if you’ll use a flex block ( the flex blocks have more options ) -> https://www.screencast.com/t/gerOcYVT0v -> https://www.screencast.com/t/rZM7dN6J
Hope this will help you!
Thanks.