Search Results for 'flex'

Hi ishaque001, if you are referring to the infinite Loading for Single Posts the guide – https://forum.tagdiv.com/infinite-loading-single-posts/ will help you. You’ll see the option on the single post template, click on the right icon as is displayed in the guide.

In case if you want to have a block with the infinite Loading option, you can use tgaDiv Composer and in the filter tab set the pagination on infinite load – https://i.imgur.com/g5zfD5O.png

Hi,
I think that you want to create a block and set it in widgets so when you edit it, widgets will change it in all places, right? If so, then you need to create a new page, set the block using tagDiv Composer (a flex block), after that when is done, use the WordPress editor and copy the block’s shortcode https://i.imgur.com/XCbQe2G.png and set it in a widget in a text element.
I hope this will help you!
Thank you!

Hi,
The mentioned blocks are old blocks that have only a few options to be customized. We are recommending using Flex blocks, which are powerful, and you can edit them because they have options for almost everything. With our theme, we cna even create your own blocks and modules .
Thank you!

Hi,
Unfortunately using the Big Grid Full 10 this is not possible, however this can be achieve by setting a row or inner row and set the layout like this https://i.imgur.com/bO7n6kl.jpeg then drag in each column/inner column a Big Grid Flex 1, set it to display only one article and duplicate it so in the left and right columns you’ll have 2 big grid flex and in the middle one.
Thank you!

Hi,
What you need to do is to check the settings on the mobile viewport and adjust them on each block that doesn’t look ok and on each column. For this edit, teh page using tagDiv Composer – https://i.imgur.com/D9Gawe6.png then select the mobile view port – https://i.imgur.com/Pks8bjA.png after that select the block that do not looks good, the one from your image I beelive taht has set on the column that is holding ist a custom width (300%) so on mobile should be 100%, to do this slect the element the in the side bacr in tagDiv Composer over the block name you see row > column click on column and look in Layout tab and css if there are any values set for width, if there are repalce them with 100%.
Also, the flex block can be edited per viewport for example, the number of modules per viewport – https://i.imgur.com/Lk9aW6X.png

Hi,

If you do not want to do yjos globally and only on flex block 1 then you can use the options from the flex block 1, edit the page using tagDiv Composer, select the block and disable the comments – https://i.imgur.com/vtZ7Z3N.png

Hi,
I think that one is flex block 1 if so then you need to use tagDiv Composer, edit the page, select the block and search for “Module background”. This will be under the style tab – https://i.imgur.com/PkYnWoR.png
Thank you!

Hi,

If you are on a page, make sure that you do not have the option for unique articles enabled, if you have it please disable it.
Also, if you are on a cloud template and not a page, please make sure that you set the right filter. For example, if it is a cloud category template, you need to select the filter current category https://i.imgur.com/8HjGA8c.png, for tag, current tag.
Another settings that can be checked are the options for offset from the block – https://i.imgur.com/4ixKaTa.png make sure it is set only if you want to skip a number of articles.

Thank you!

Hi,
Unfortunately, I’m not sure that I understand the option you are referring to, maybe you are referring to the option from blocks https://forum.tagdiv.com/flex-block-settings-guide/ https://i.imgur.com/DrGChxe.png or maybe you are referring to the article options Infinite Loading for Single Posts.
Thank you!

Hello,
If I understood correctly you want to show all the articles ordered by the most recent, if so, then you don’t need a category, but just a page where you can use a block, like flex block 1 and which is sorted by latest.
I think it is much more efficient to use a page instead of a category if all the articles will be displayed anyway, but if it was only a part, then it made sense to be a category, because there were only the articles in that category.
Regarding the situation you have with the category cloud template. When a cloud template is set as global, it will apply to all categories (this case), if you want it to be applied only to a specific category, you must have another cloud template (you can duplicate the existing one) and assign it individually to the respective category https://i.imgur.com/fTZlLJK.png
Thank you!

Hi,

Yes, using the Flex Loop Builder you can create the module exactly as you want with tagDiv Composer. However, when the Post Loop is used, it has its own settings that can be adjusted though they don’t offer the same possibilities as the Flex Loop Builder. Still, it’s possible to create a similar layout (for most elements, though not all) to the one built with the Flex Loop Builder’s module builder.

Thank you!

Hi,
To have teh standard url pagination you need to replace the flex loop builder element with loop post element https://i.imgur.com/WiAjpQ2.png – https://i.imgur.com/NEX2sv5.png
The pagination behavior of these two blocks is different, which is why the current setup doesn’t support standard URL pagination.
Thank you!

Hi,
This can be done using the filter tab and selecting the sort order on “Random Posts” – https://i.imgur.com/DN1z0n7.png – https://forum.tagdiv.com/big-grid-flex-settings/
Thank you!

Hi,
This can be done if you are using the tagDiv Composer, select or add a new block and set on that block the post ID you want to https://forum.tagdiv.com/flex-block-settings-guide/ https://i.imgur.com/oguqWd6.png https://i.imgur.com/2jePtiQ.png
Thank you!

Hi,
I made some tests on my install and everything seems to be ok, but there were a few users with a similar problem, so please check the solution from this guide https://forum.tagdiv.com/topic/flex-block-1-keeps-loading-the-same-posts/
Another solution will be to replace the loop with a flex block.

Hi,
Unfortunately, I do not have a Mac to test it on a real device, and it appears that those simulators are not displaying the error.
The problems that can be on Safari are usually related to:
– position: sticky;
Parallax or “Zoom” effects in blocks:
– transform: translate3d()
– transform: scale()
Box-shadows

This uses a WebKit-specific media query that ONLY Safari matches:
/* Safari-only CSS */
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-touch-callout: none) {
/* Your Safari-only styles here */
.td-module-image,
.td-image-container,
.tdb-header,
.td-header-wrap {
transform: translateZ(0);
will-change: opacity, transform;
}
.td-block-span12 .td_module_flex,
.td_module_10,
.td_module_11,
.td_module_1 {
box-shadow: none !important;
}
}
}