Hi TagDiv Team Support
I wonder if I can have this kind of widget for Recent Posts / Popular Posts with tab like this
<div class=”separator” style=”clear: both; text-align: center;”>
</div
Note. If it’s impossible for having two tabbed like the above image, at least can the design and look the Widget like the above screenshot?
Hopefully I can have
Please teach me this
Thank you very much
Muhamad Nagib Alaydrus Ok
Hello,
You can use the tabbed content element -> https://forum.tagdiv.com/use-tabbed-content-shortcode/, and you can set the separator from the block -> https://i.imgur.com/Utwkimr.jpg
Thank you!
Hi Anamaria
Thank you for response
My questions are following.
Can I use number on the 2nd, 3rd, 4th, 5th posts titles instead of thumbnail just like in the screenshot there?
Anyway about tabbed content, can I tab popular and recent posts, so to get the similar look possible like screenshot, is it possible ?
Thank you very much
Happy user
Muhammad Nagib Alaydrus
-
This reply was modified 3 years by
Romi.
Hello,
So, yes, you can use the tabbed content to achieve your desired design. For the counter of the posts, you need to add an extra class on the blocks -> https://i.imgur.com/cOABEZT.png and use this code css-> .td-numbered-post-flex .td_block_inner {
counter-reset: section;
}
.td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
counter-increment: section;
content: counter(section);
color: red;
border-radius: 50%;
font-family: Playfair Display;
font-weight: 600;
font-size: 40px;
display: inline-flex;
position: absolute;
margin: 0 20px 0 0;
}
You can set the code in Raw CSS and adjust it.
Thank you!
Hi Anamaria
I applied your trick using Flex Block 1, the counter appears but the thumbnail from post 1 to 5 also appear placed over the counter. And one more thing, is it possible to start the counter at number 2?
Thank you
Muhamad Nagib Alaydrus
-
This reply was modified 3 years by
Romi.
Hello,
Please hide the image in the tab layout -> https://i.imgur.com/fOzvkRY.png
Yes, you need to add here 1 -> https://i.imgur.com/V054QAs.jpg
Thank you!
Hello Anamaria,
Can you help me, how can I edit the td-numbered-post-flex like at Euronews website?
Here you can see live to if you scroll until the Most viewed section: https://www.euronews.com/
Thanks.
Hello,
I recommend creating a module template and there you can use this element https://i.imgur.com/CN2nQv7.png https://i.imgur.com/lHqSuq5.png
Thank you!
Hi,
This is strange. Did you have tried this section, cloud templates -> modules https://i.imgur.com/puqx8Sc.png ?
Thank you!
Hello,
I would like to take a look. Can you please contact us via email at contact@tagdiv.com and provide the wp-admin access? Include the link to the topic in the email.
Thank you!
Hi I have the same old problem, could you let me show exactly how to use the Module Automatic Numbering element step by step ?
Hi,
Please check this video https://we.tl/t-n9ffPbv1f3 -> https://forum.tagdiv.com/modules-builder-newspaper-theme/
Thank you!
