Search Results for 'flex'

Results from the Forum
justpaulo
tagDiv Member

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.

Calin
tagDiv Staff

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!

lowhoh
Participant
#0

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?

themesic
tagDiv Member

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.

themesic
tagDiv Member

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

dungtrong
tagDiv Member

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?

Simion C.
tagDiv Staff

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.

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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.

Simion C.
tagDiv Staff

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.

dennis
tagDiv Member

$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’?

dungtrong
tagDiv Member

More clear:

In published view: flexes are sharp, other block are blurry.

In Composer: everything is sharp.

dungtrong
tagDiv Member

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.
Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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

Simion C.
tagDiv Staff

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/mkilvlhttp://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/mkin8phttp://prntscr.com/mkio2c

If you have more questions let me know.
Thanks

dungtrong
tagDiv Member

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.
dungtrong
tagDiv Member

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

https://www.screencast.com/t/S6htMAa3kNj

andxtagdiv
Participant
#0

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

Simion C.
tagDiv Staff

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

Calin
tagDiv Staff

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!

Simion C.
tagDiv Staff

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.

dungtrong
Participant
#0

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

My Beautiful Europe
Participant
#0

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 🙂

Calin
tagDiv Staff

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.

Viewing 25 results - 5,526 through 5,550 (of 6,276 total)