- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
- TutorialstagDiv Social Counter Tutorial
Hi,
Unfortunately only the flex have that options, if you like the big grid 3 -> https://www.screencast.com/t/h63CvFqnd you can use big grid flex 5 -> https://www.screencast.com/t/gD8kuWcLW and you’ll get those settings!
Thank you for your understanding!
Hi,
The difference is that the bigger page uses flex blocks among the content, while the smaller page uses default predefined blocks.
Predefined blocks use an exact cropped thumbnail
– https://forum.tagdiv.com/theme-thumbs/
So the images will be exactly as the module requires.
Flex blocks have a selection of thumb sizes – http://prntscr.com/mnmdqh
So for example this flex block is set to load a thumb of 1068px which would be to big
– http://prntscr.com/mnmfy9
Try setting a smaller thumb size for the flex blocks when the modules are small. This will reduce the overall page size.
Thanks
Hi,
So you want to underline the article titles in flex block 1? You could do that with some CSS by adding a border bottom of a chosen color – http://prntscr.com/mnkig3
This is the code for it, modify it as you want
.td_flex_block_1 .entry-title a{
border-bottom: 5px solid blue;
}
As a note, increase the line height for the flex block article titles to make some space for the border – http://prntscr.com/mnkjrb
Thanks
How can I change the “Blog Grid 3” layout settings?
For other elements like “Flex Block 1” there’s an additional “Layout” tab with useful settings such as image height (percent), that I cannot find in “Blog Grid 3”.
Hi!
I’m using flex block 1, and i wanna ask is it possible to create this colored (any color,not only yellow) lines on article title like this http://prntscr.com/mn7mcu ? If it possible can you give me guide?
Hi,
Apparently, I find this code very useful:
<?php echo ( get_the_time(‘U’, $this->post->ID) > strtotime( “5 days ago” ))? human_time_diff( get_the_time(‘U’, $this->post->ID), current_time(‘timestamp’) ). ‘ ago’ : $this->get_date(); ?>
Managed to get this to work on flex_1 and all.
However, I would like to implement the same “Time Ago” date display on loop_2 and cat_grid respectively on the category pages. How can I do so?
Hi,
So you want to add this feature for blocks/flex if is so then you’ll need to edit the files from wp-content/themes/Newspaper/includes/shortcodes -> https://www.screencast.com/t/JaegZuJr2
Hope this will help you!
Thanks.
Glad it worked, that change in the code would be needed for other flex block types.
thank’s but if I do so, every category will have the same color. My need is to modify the php template in order to automatically add the same name of the cat as class, and this for each category tag shown above the title of the post in the big grid flex module. because this isn’t an option available in backend, I need to modify the theme. I’ve tried this script:
<?php if ($category_position == ‘above’) { echo ‘<div class=”‘ . get_cat_name( $cat_id ) . ‘”>’ . $this->get_category() . ‘</div>’; }?>
but it doesn’t work. thank’s for the support.
m
ok sorry for my bad english, I try to explain better.
My need is to display on the homepage the tags of the posts shown in the Big grid flex template, but in the backend I can only choose between categories, author or date. Could you help me to write the proper script in php in order to customize the theme? I’ve used <?php the_tags(); ?> but with no success. below some screen:
thank’s so much!
m
Hi. I’m using TD Composer Element (Block, Slider, Flex grid etc) to create my homepage. Now, I would like to add a new features called “X Minute Reading Time” below the title of each element. May I know which is the files in the themes folder I can add it? I want to add shortcode to be precise.
thanks for the reply but this is not enough for me. I need different colors for each category. I’ve thought a different way to do that: to add the class nicename in the script that displays cats in flex blocks:
<?php if ($category_position == ‘above’) { echo ‘<div class=”‘ . get_cat_name( $cat_id ) . ‘”>’ . $this->get_category() . ‘</div>’; }?>
but I don’t understand why it doesn’t work.
Could you be so kind to give me a hint?
thank’s
m
Hello it worked I’ve only changed .td_flex_block_1 to .td_flex_block_4
Thank you
Hi,
By category it is not possible, by block it is possible. Flex blocks have an option to color the category tags – http://prntscr.com/mmjhoj
So you can color the category tags by specific block (flex block), not specific category.
Thanks
You are referring to the zoom effect when the big grid modules are hovered. That effect is specific to big grids, full grids and flex grids only, it is not available for other elements like blocks.
Maybe you could use a flex grid instead of a flex block. I could also give you a code you could try, for example this code will affect flex block 1, when hovered it will zoom the image
.td_flex_block_1 .td-module-thumb span:hover {
transform: scale3d(1.1,1.1,1);
-webkit-transform: scale3d(1.1,1.1,1);
-moz-transform: scale3d(1.1,1.1,1) rotate(.02deg);
transition: all 0.2s ease-in-out;
}
.td_flex_block_1 .td-module-thumb span {
transition: all 0.2s ease-in-out;
}
.td_flex_block_1 .td-image-container {
overflow: hidden;
}
1.I use Row -> layout full on page
pic1—>https://imgur.com/a/bBxY5g9
2.I use flex block 5 -> layout -> Modules per row 5
pic2—>https://imgur.com/a/JVS59SS
3.why my mobile theme show like this ?
pic3—>https://imgur.com/a/1RVk0bv
Is there a way to fix it?
Thanks.
I have the same issue. you can customize them separately by add a class name to the flex module that display the article, where the class name is the same of the name of the category. In this case with some css styling we can change colors.
unfortunately I can’t find a way to do that…. can you help me to modify the template?
thank’s,
m
Hello,
I’m using big grid flex 6 for the higher section of my homepage. I want to display the tags of a post within this section, but it seems it’s doesn’t possible in the theme panel. How could I modify the theme-child templates in order to do that?
thank’s!
m
Hi Simion,
Yes, I have noticed that flex blocks have that setting.
But I would prefer to set it just in one place – no matter which type of block I use. Using flex blocks in every single instance and having to configure it in each single flex block on each page individually would be a nightmare and is therefore not an option. I thought there must be a simple configuration I have just overlooked. If I have to use CSS then I will if you tell me where – but I guess that would mean changing the code of the theme and with a theme update it would probabaly be overwritten.
Do you at least have a simple solution for the breadcrumbs?
Regards
Stefan
Hello~
Thank you for your quick answer.
I think I don’t understand what you mean exactly.
I can’t understand what you suggest manual with link.
Let me check your explanation.
If there is parents category is ‘lifestyle news’, and
son’s categories are business, fashion, featured, gadgets.
And, parents’ parents categories are ‘magazine’
In this case, if I set ‘lifestyle news’ in category filter in flex block1.
What will see next to right ‘all’?
1) business, fashion, featured, gadgets ( son’s category)
2) magazine (parent’s parents category)
What you say is ‘magazine’? right?
I just want ‘2)’, but it’s not support in newspaper theme.
Right?
Thanks i was able to fix the issue with the Flex blocks like you said 🙂
Hi,
Using flex blocks you can achieve every blocks and even more, please provide some details and screenshots with what you can’t achieve with flex blocks.
Thank you for your understanding!
How to add zoom effect to hover pictures in flex blocks? Thank you
Hi,
Please check your website with others browsers too, is possble to be a broswere porblem, also please check if this is happen only on blocks or on flex blocks too.
Please provide some more detains and a link were we can inspect this problem!
Thank you for your understanding!
Hi,
Unfortunately our theme do not have this option, on blocks/flex is display only the parent category, all you can do is to set a primary category which will be display instead parent category -> https://forum.tagdiv.com/primary-category/
Thank you for your understanding!
