Search Results for 'flex'

Hello,

You can only create a custom block using the theme api, but you do not have to since the latest theme implementation. You can use one of 3 flex blocks in the tagdiv composer which allow you to create blocks with the layout you need. https://www.screencast.com/t/vzbROThbyy

The flex block is a powerful custom block builder.

Thank you!

Hi,

There will be many new features added in future updates. There will be more and more flex blocks added with even more settings. So you can build your blocks and modules in many more ways.

Hi,

Stretched blocks will use the same thumbnail as non-stretched blocks. So regenerating the thumbnails would have no result in quality. We recommend that either full grids are used when full with is needed
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Or flex blocks (there are many more to come in future updates)
– https://demo.tagdiv.com/newspaper/flex-block/
These flex blocks allow you to choose thumbnails size, so the quality would be more proportional to your original images
– https://www.screencast.com/t/5Ucr6Hwkk

This demo homepage is built using only flex blocks for example
– https://demo.tagdiv.com/newspaper_crypto/

Thanks

Hi,

The theme will create thumbnails from images, so all those thumbnails would have to be compressed when displayed. The sizes that will be created can be disabled if needed, in the theme panel
– https://forum.tagdiv.com/theme-thumbs/
Each module uses a predefined thumbnail which cannot be changed unless code modifications are made.

The new flex blocks are becoming quite popular, because one can use the same block to achieve many results, while also selecting the thumb size
– https://demo.tagdiv.com/newspaper/flex-block/
For example this demo homepage is built with one block, the flex block
– https://demo.tagdiv.com/newspaper_crypto/

Thanks

Hello,

There is no need to duplicate the flex block from the theme code. you can add as many instances to the flex block as needed on the same page. There is no limit on how many flex blocks you can add.
If you use a custom class for the blocks you need altered, you can use the class just on those blocks and you will not affect any others. Say you have 3 flex blocks on a page and you want just 1 or 2 altered, you simply place the class in the extra class field and the blocks will receive the css.
Example:
Let’s say we call the custom class ‘flex-custom’
You would add this code in your theme panel-> custom css:

.flex_custom .td-module-container{
border: 1px solid lightgrey;
box-shadow: 1px 0 20px #949292;
border-radius: .25rem;
}

Then simply add the extra class to the flex block you want to have the custom style:
https://www.screencast.com/t/BHgS1Qlh

Any other block that will not have this class will not get the style.

Thanks.

Hi,

There will be more flex blocks added in the future, but I can’t say whether they will have such pagination. I will add this as a suggestion for them however.

Hi,

There could be visual differences between default blocks and the flex blocks, in some cases. The flex blocks set the featured image as background for the module
– https://www.screencast.com/t/l9ZC2GtlL
Try to increase the image height parameter in the settings, test with higher values than 50
– https://www.screencast.com/t/wjL30Ge6O3kO

Thanks

Hello,

Each flex block has it’s own particular settings from the tagdiv composer. Changing the setting for one flex block, will not affect the other one on that page.

Thank you!

Hello,

It depends on the block you use and the aspect ratio of the image. Most of our theme blocks are wide and your book covers are most likely vertical so the theme center-top cropping system will only show the top part of your book cover.
https://forum.tagdiv.com/featured-image/
You cannot have full size vertical images in a wide-screen thumbnail
In this situation, we recommend using a flex block to show the books as you have control over the image size and proportions: https://www.screencast.com/t/gyyMp84MX

Thank you!

Hello,

I have made a test on my website, using the Flex Block 1 and everything seems to work as expected, as you can see here -> https://www.screencast.com/t/pJbj3wlOA5H The results are good.

Thanks for the message!