Search Results for 'flex'

Hello,

If you want to have those posts are always in the block, you can set them posts ids -> https://i.imgur.com/hcElwIh.jpg

Thank you!

Hello,

Our blocks have these filtering options https://i.imgur.com/VEXVz6E.png > https://forum.tagdiv.com/flex-block-settings-guide/

Thank you!

Hi,
1. The flex blocks will display the comment count, but this can be disable individually using the tagDiv Composer -> https://i.imgur.com/tBn23QC.png -> https://i.imgur.com/c6MpnlW.png

2. Yes, that is the path -> https://i.imgur.com/FPSDV1y.png -> https://i.imgur.com/6hSTPc8.png

3. We did not tested the Co Authors Plus plugin with cloud templates, so I do not know if this code will work. But if you use the default post template -> https://i.imgur.com/BHbk31Q.png then the code should apply on the files from -> wp-content/plugins/td-composer/legacy/Newspaper/loop-single.php

4. The single post templates allow you to edit the post layout/template using tagDiv Composer, now this was not possible with a standard templates. The posts will be made using the WordPress editor (classic or Gutenberg editor).

I hope this will help you!
Thank you!

Hi Lalit, as far as I know the border radius is acting like that since the option was added, and is not about the background color -> https://i.imgur.com/kvPAyqb.png bat can be more easy adjusted, now when a background color is set, then this will be set rectangular -> https://i.imgur.com/7NYVMlH.png also the elements are setting on different elements, the border radius is set on the flex element and the background color is set inside it on element -> https://i.imgur.com/Oj7Yos8.png -> https://i.imgur.com/MIpyN3U.png
Unfortunately, the border can not overwrite the blocks setting because those will be damaged.
The only solution that I see in this case is to remove the border and border radius from css tab and set on that element a class, then on that class set the border radius like this -> https://i.imgur.com/XCy0UQ2.png -> https://i.imgur.com/BhBIB0n.png after that just add the extra class on those elements where you want to have that layout.
.border-class .td-element-style{
border-radius: 50px!important;
border: 2px solid #000;
}
The css need to be set in the theme panel > custom code> custom css.
I hope this will help you!

Hello @epotala,

Depends, if you want to exclude a post from a block, you can set offset posts -> https://i.imgur.com/tNn4oqL.png Start the count with an offset. If you have a block that shows five posts before this one, you can make this one start from the 6’th post (by using offset 5) or you can try the solution suggested by @dwinter8.

Thank you!

Hello,

Please make sure you have the tagDiv Standard Pack plugin installed and active (Newspaper -> Plugins).
I recommend you to use the Flex Block and Big Grid Flex https://i.imgur.com/1PUHK0V.png Block which gives you more adjustment and flexibility options than blocks (1-25) from tagDiv Standard Pack.

Let me know the results!

Thank you!

Hi,
Please replace the ” with “” -> https://i.imgur.com/IFdBAoM.png
If is still not working, try to add this
.td_flex_block_3 .td_module_flex_3:nth-last-child(2):before {
content: ""!important;
}
I hope this will help you!

Hi SAMYTHEBIGJUICY, this can be done with a custom css.
What you can do is to set an extra class on the flex block that you want to remove the clicks/links -> https://i.imgur.com/gTOlmo6.jpg -> https://i.imgur.com/xTTzgV8.jpg then just add the class on the blocks that you do not want to be clickable (you can use the class from my example).
The css is this one
.no-links a{
cursor: default;
pointer-events: none;
text-decoration: none;

}
You need to set it in the theme panel > custom code > custom css.
I hope this will help you!

Hi,
This is happen because are displayed the last posts that do not have an divider https://i.imgur.com/rRbtIKv.png
What you can do is to use this custom css
body .td_flex_block_3 .td_module_flex_3:nth-last-child(2) {
margin-bottom: 20px !important;
padding-bottom: 20px !important;
}
.td_flex_block_3 .td_module_flex_3:nth-last-child(2):before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 48px);
height: 1px;
margin: 0 24px;
border-width: 0 0 1px 0;
border-style: dashed;
border-color: #ffffff;
}
Set the code in the theme panel > custom code > advance css > mobile section (to apply it only on mobile).
I hope this will help you!

Hi,
It looks that on Firefox some css options are not recognize, in this case is about the display flex, here is a topic about this https://stackoverflow.com/questions/45495680/flex-not-working-properly-in-firefox/45495919
The fix is to add and min-width: 1px; per display flex.
Please try this custom css:
body .tdc-content-wrap .tdc-row-content-vert-center, body .tdc-content-wrap .tdc-row-content-vert-bottom {
min-width: 1px;
}
Set the code in the theme panel > custom code> custom css.
I hope this will help you!
Happy New Year!

Hello,

Please check this topic https://forum.tagdiv.com/topic/flex-box-3-and-block/ and try to that custom code CSS.

Thank you!

Hello,

The inner column and column have the same properties. Also, the inner row and row, you can find more details here
-> https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/
-> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/

Thank you!

Hello,

To display the related articles and more from author, you can use Flex Block and filter it https://www.screencast.com/t/SEmxo13Fo2X -> https://i.imgur.com/YIg3nPP.png

Thank you!

Hello @estcos!

You can use flex block instead of posts loop. Explore the filters here: https://forum.tagdiv.com/flex-block-settings-guide/
Choose only one category from the filter settings and it will display the posts which have that category.
I’m not sure if I understand correctly, but you can add a button and place the category url in that button element. So, when you click on that button it will leads you to the category you need from homepage.
I can see that you have the same sticky header for posts and categories too. Make sure you assigned the right header to all templates.

For more details, please provide a screenshot/video.
A solution for sending a screenshot/video is this:
Download, capture, send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link, paste it here.

Thank you!