Can I Have This Widget?

Posted in: Newspaper
Post count: 123

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

Post count: 27744

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!

Post count: 123

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.
Post count: 123

The widget I mean is in place in sidebar.

Post count: 27744

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!

Post count: 123

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.
Post count: 27744

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!

Post count: 123

Hi TagDiv Team Support

Thank you very much Anamaria

Happy user

Muhammad Nagib Alaydrus

Post count: 71

Hello Anamaria,

Can you help me, how can I edit the td-numbered-post-flex like at Euronews website?

View post on imgur.com

Here you can see live to if you scroll until the Most viewed section: https://www.euronews.com/

Thanks.

Post count: 27744

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!

Post count: 71

Hello,

I don’t see the Module Automatic Numbering element in the Add section. Where can I find it?

Post count: 27744

Hi,

Please let me know what version of the theme you have. Maybe you need to update the theme.

Thank you!

Post count: 71

I use the Newspaper 12.6.6.

Thanks.

Post count: 27744

Hi,

This is strange. Did you have tried this section, cloud templates -> modules https://i.imgur.com/puqx8Sc.png ?

Thank you!

Post count: 71

Yes. I did the same thing but nothing.

Post count: 27744

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!

Post count: 2

Hi I have the same old problem, could you let me show exactly how to use the Module Automatic Numbering element step by step ?

Post count: 27744

Hello @AslanSoft2,

Please check this video https://we.tl/t-nunvCHCzL4

Thank you!

Post count: 2

Thank you Anamaria!

Post count: 47

@Anamria can you upload this Video again plz?
I am also very interested in this topic.
Thank you!
KR
Frank

Post count: 27744
Viewing 21 posts - 1 through 21 (of 21 total)
You must be logged in to reply to this topic.