- NewspaperFlex Block Builder and Flex Loop Builder
- NewspaperHow to use the Flex Blocks cache option
- NewspaperHow to edit modules for Flex Block X
- NewspaperFlex Block Settings Guide
- NewspaperBig Grid Flex Settings
- NewspaperSingle Post Excerpt
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperSearch setup for custom post type
- NewspaperBookmark – Save For Later
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to insert a block inside the content of a post
- NewspaperCustom Post Type Support
- NewspaperMeta Info on Modules and Blocks
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewsmagSocial counter styles on Newsmag
- NewspaperSocial Counter Styles on Newspaper
- TutorialsOffset Feature
- NewspaperCloudflare (CDN)
Hello,
Yes, you can add the reading time, if you use module builder and flex block builder. Please check the documentation here https://forum.tagdiv.com/modules-builder-newspaper-theme/ -> https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/
Thank you!
I would like to add reading time to module elements that can be turned on and off. They have date, author, excerpts etc.. but for my case I would like to add reading time to my front page. I added it to single page post, but is there a way to display reading time in flex boxes on the front page?
Hi,
In order to make them to look the same size, you’ll need to set an excerpt on title and post content like this -> https://i.imgur.com/o8UQm5B.png
Also, you can set the excerpt on words or letters from theme panel -> https://i.imgur.com/c7Q8ckX.png
Here is a similar topic -> https://forum.tagdiv.com/topic/flex-block-1-and-same-blocks-height/
Thank you!
Hello!
We’ve discussed about Flex Loop filter element. So, you should add taxonomies there.
Check these guides for more information:
– https://forum.tagdiv.com/filters-sorting-taxonomies/
– https://forum.tagdiv.com/introduction-cpt-acf-newspaper-theme/
– https://forum.tagdiv.com/custom-post-type-support/
Check this guide: https://forum.tagdiv.com/flex-block-settings-guide/ and the special filter I mentioned above. Also, you can read more about post loop element: https://forum.tagdiv.com/posts-loop/ This is the normal way to display the posts in your categories.
Thank you!
I am sorry about that comment i want to write “I can’t see the screenshoot”.
Thank you so much about flex loop filter it is working, but i want to show some category not all of them, is it possible that selecet specific category, and show the posts of that category
thank you so much
Hello!
This could be possible if you have the CPTs with these taxonomies.
By default, you can filter the posts with the help of a flex block with the “Author Template: Author – Current author” filter; (you should place the shortcode in an author template). Or just add a post loop element in the author template.
Thank you!
Hello!
I’m sorry, but I’m confused because you wrote a comment saying that you can see the screens: https://app.screencast.com/YX6AEoNSnqvfQ
The option is called show terms count in the flex loop filter element.
You should write “category” on the taxonomies, check the multi option, and add a block that displays the results of the filter you chose, called “Flex Loop.”.
Thank you!
Thank you for your response!
i did but i cant see anything https://ibb.co/MR2xTNZ
i have a problem in flex loop filter, i studied a documentation but can’t fix my problem, i want to filter my categories how it is possible.
thank you
Hello!
i can’t open your links, they are not showing anything, i want to use filter category template, i studied about flex loop filter but i cant set my category slug on it.
thank you so much
Hi DJ Promotion, the mentioned situation are because the smallest thumb of image is 300×194 but the flex blocks you have are configurated on a place that provide under that width size per module, normally the thumb 300×194 should be used to display 2 modules side by side or 3 when the sidebar is not used.
For the logo the recommended size is 272×90 because this is the size that will display correctly on most of the theme header, but this will also be adjusted after the sticky menu width adjusted for logo.
Thank you!
Hello!
Sure. Use multiple blocks and change the background color as you like in the tagdiv composer. Also, you can add a block to each row and change the background color of the row. Another way to achieve this is to use custom modules and customize them as you like (so they can be different). Read the useful documentation here:
– https://forum.tagdiv.com/flex-block-settings-guide/
– https://forum.tagdiv.com/offset-feature/
– https://forum.tagdiv.com/modules-builder-newspaper-theme/
Thank you!
Hello!
There is an option to show the number of posts: https://app.screencast.com/EpVqUDEGrT2ov
Set it like this: https://app.screencast.com/2sK4EwADMn7uw; add a flex loop element, so the posts will display there depending on the filter category you choose on your frontend.
Read all about it here: https://forum.tagdiv.com/filters-sorting-taxonomies/
Thank you!
Hello,
Can you please provide the link to your website?
I think that a plugin adds the newsletter, like the MailPoet plugin.
If you want to delete a row, you can delete a row with the empty column using the right-click on the row icon -> https://i.imgur.com/JodWvlW.png -> https://i.imgur.com/e6bb8U5.png or using the drag and drop or you can click on the row and press the delete button from your keyboard -> https://www.screencast.com/t/Mai7iyEG The same steps are to delete the elements.
I don’t recommend using an amp because it is deprecated. Also, use cloud templates and flex blocks instead of the templates from the theme panel and blocks 1-25 or big grid blocks.
We’ve analyzed the website and observed that you have many JavaScript scripts https://i.imgur.com/Z6xRj74.png, which should be minimized to achieve a good score. To achieve this, we recommend WP Rocket to minimize the resources.
Thank you!
Hello again this flex loop filter not working in category template
https://ibb.co/S0ZZX41
i put there the slug of categories
Yes but such field exists only in “Flex box 1” widget, check that in “Tabbed content” widget, there is no such tabs like “layout”, you have only “general” and “css” sub-tabs there.
Hello,
I’m facing a problem with styles on 12.6.3 Newspaper with prebuilt Style PRO site:
https://rometm.com
When you load the website the design is ok. But when you move the mouse a little bit you can see the main menu is moved a little bit to left.
And when you put the mouse on top of menu the background of each element is back and it must be white, as in the prebuilt theme.
It happens because after moving mouse footer loads, I think its lazy load.
And I think footer style affects main menu.
The code inserted by TagDiv Composer is the next one (and if I delete it main menu shows correctly):
<div class="vc_column tdi_6_ee9 wpb_column vc_column_container tdc-column td-pb-span12">
<style scoped="">
/* custom css - generated by TagDiv Composer */
/* custom css - generated by TagDiv Composer */
/* custom css - generated by TagDiv Composer */
.tdi_6_ee9{
vertical-align: baseline;
}.tdi_6_ee9 > .wpb_wrapper,
.tdi_6_ee9 > .wpb_wrapper > .tdc-elements{
display: block;
}.tdi_6_ee9 > .wpb_wrapper > .tdc-elements{
width: 100%;
}.tdi_6_ee9 > .wpb_wrapper > .vc_row_inner{
width: auto;
}.tdi_6_ee9 > .wpb_wrapper{
width: auto;
height: auto;
}
</style><div class="wpb_wrapper"><div class="td_block_wrap tdb_header_logo tdi_7_c5d td-pb-border-top td_block_template_1 tdb-header-align" data-td-block-uid="tdi_7_c5d">
<style>
/* inline tdc_css att - generated by TagDiv Composer */
.tdi_7_c5d{
margin-bottom:50px !important;
}
/* phone */
@media (max-width: 767px)
{
.tdi_7_c5d{
margin-bottom:30px !important;
}
}
/* portrait */
@media (min-width: 768px) and (max-width: 1018px)
{
.tdi_7_c5d{
margin-bottom:40px !important;
}
}
</style>
<style>
/* custom css - generated by TagDiv Composer */
/* custom css - generated by TagDiv Composer */
.tdb-header-align{
vertical-align: middle;
}.tdb_header_logo{
margin-bottom: 0;
clear: none;
}.tdb_header_logo .tdb-logo-a,
.tdb_header_logo h1{
display: flex;
pointer-events: auto;
align-items: flex-start;
}.tdb_header_logo h1{
margin: 0;
line-height: 0;
}.tdb_header_logo .tdb-logo-img-wrap img{
display: block;
}.tdb_header_logo .tdb-logo-svg-wrap + .tdb-logo-img-wrap{
display: none;
}.tdb_header_logo .tdb-logo-svg-wrap svg{
width: 50px;
display: block;
transition: fill .3s ease;
}.tdb_header_logo .tdb-logo-text-wrap{
display: flex;
}.tdb_header_logo .tdb-logo-text-title,
.tdb_header_logo .tdb-logo-text-tagline{
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}.tdb_header_logo .tdb-logo-text-title{
background-size: cover;
background-position: center center;
font-size: 75px;
font-family: serif;
line-height: 1.1;
color: #222;
white-space: nowrap;
}.tdb_header_logo .tdb-logo-text-tagline{
margin-top: 2px;
font-size: 12px;
font-family: serif;
letter-spacing: 1.8px;
line-height: 1;
color: #767676;
}.tdb_header_logo .tdb-logo-icon{
position: relative;
font-size: 46px;
color: #000;
}.tdb_header_logo .tdb-logo-icon-svg{
line-height: 0;
}.tdb_header_logo .tdb-logo-icon-svg svg{
width: 46px;
height: auto;
}.tdb_header_logo .tdb-logo-icon-svg svg,
.tdb_header_logo .tdb-logo-icon-svg svg *{
fill: #000;
}.tdi_7_c5d .tdb-logo-a,
.tdi_7_c5d h1{
align-items: center;
justify-content: center;
}.tdi_7_c5d .tdb-logo-svg-wrap{
display: block;
}.tdi_7_c5d .tdb-logo-svg-wrap + .tdb-logo-img-wrap{
display: none;
}.tdi_7_c5d .tdb-logo-img{
max-width: 80px;
}.tdi_7_c5d .tdb-logo-img-wrap{
display: block;
}.tdi_7_c5d .tdb-logo-text-tagline{
margin-top: 0;
margin-left: 0px;
display: block;
color: #ffffff;
font-family:Oswald !important;font-size:20px !important;line-height:1 !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:1px !important;;
}.tdi_7_c5d .tdb-logo-text-title{
display: block;
color: #ffffff;
font-family:Oswald !important;font-size:20px !important;line-height:1 !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:1px !important;;
}.tdi_7_c5d .tdb-logo-text-wrap{
flex-direction: row;
align-items: baseline;
align-items: center;
}.tdi_7_c5d .tdb-logo-icon{
top: 0px;
display: block;
}.tdi_7_c5d .tdb-logo-a:hover .tdb-logo-text-title{
color: #ffffff;
background: none;
-webkit-text-fill-color: initial;
background-position: center center;
}.tdi_7_c5d .tdb-logo-a:hover .tdb-logo-text-tagline{
color: #ffffff;
background: none;
-webkit-text-fill-color: initial;
background-position: center center;
}@media (max-width: 767px) {
.tdb_header_logo .tdb-logo-text-title {
font-size: 36px;
}
}@media (max-width: 767px) {
.tdb_header_logo .tdb-logo-text-tagline {
font-size: 11px;
}
}
/* portrait */
@media (min-width: 768px) and (max-width: 1018px){
/* custom css - generated by TagDiv Composer */
.tdi_7_c5d .tdb-logo-img{
max-width: 130px;
}
}
/* phone */
@media (max-width: 767px){
/* custom css - generated by TagDiv Composer */
.tdi_7_c5d .tdb-logo-img{
max-width: 25px;
}.tdi_7_c5d .tdb-logo-text-title{
font-size:18px !important;;
}.tdi_7_c5d .tdb-logo-text-tagline{
font-size:18px !important;;
}
}
</style><div class="tdb-block-inner td-fix-index"><span class="tdb-logo-text-wrap"><span class="tdb-logo-text-title">ПУТЕВОДИТЕЛЬ</span><span class="tdb-logo-img-wrap">
</span><span class="tdb-logo-text-tagline">РИМ ТМ</span></span></div></div> <!-- ./block --><div class="td_block_wrap tdb_header_menu tdi_8_65c tds_menu_active1 tds_menu_sub_active1 td-pb-border-top td_block_template_1 tdb-header-align" data-td-block-uid="tdi_8_65c" style=" z-index: 999;">
<style>
/* inline tdc_css att - generated by TagDiv Composer */
.tdi_8_65c{
margin-bottom:15px !important;
}
</style>
<style>
/* custom css - generated by TagDiv Composer */
/* custom css - generated by TagDiv Composer */
.tdb_header_menu{
margin-bottom: 0;
z-index: 999;
clear: none;
}.tdb_header_menu .tdb-main-sub-icon-fake,
.tdb_header_menu .tdb-sub-icon-fake{
display: none;
}.rtl .tdb_header_menu .tdb-menu{
display: flex;
}.tdb_header_menu .tdb-menu{
display: inline-block;
vertical-align: middle;
margin: 0;
}.tdb_header_menu .tdb-menu .tdb-mega-menu-inactive,
.tdb_header_menu .tdb-menu .tdb-menu-item-inactive{
pointer-events: none;
}.tdb_header_menu .tdb-menu .tdb-mega-menu-inactive > ul,
.tdb_header_menu .tdb-menu .tdb-menu-item-inactive > ul{
visibility: hidden;
opacity: 0;
}.tdb_header_menu .tdb-menu .sub-menu{
font-size: 14px;
position: absolute;
top: -999em;
background-color: #fff;
z-index: 99;
}.tdb_header_menu .tdb-menu .sub-menu > li{
list-style-type: none;
margin: 0;
font-family: 'Open Sans', 'Open Sans Regular', sans-serif;
}.tdb_header_menu .tdb-menu > li{
float: left;
list-style-type: none;
margin: 0;
}.tdb_header_menu .tdb-menu > li > a{
position: relative;
display: inline-block;
padding: 0 14px;
font-weight: 700;
font-size: 14px;
line-height: 48px;
vertical-align: middle;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
color: #000;
font-family: 'Open Sans', 'Open Sans Regular', sans-serif;
}.tdb_header_menu .tdb-menu > li > a:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 3px;
background-color: var(--td_theme_color, #4db2ec);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}.tdb_header_menu .tdb-menu > li > a > .tdb-menu-item-text{
display: inline-block;
}.tdb_header_menu .tdb-menu > li > a .tdb-menu-item-text,
.tdb_header_menu .tdb-menu > li > a span{
vertical-align: middle;
float: left;
}.tdb_header_menu .tdb-menu > li > a .tdb-sub-menu-icon{
margin: 0 0 0 7px;
}.tdb_header_menu .tdb-menu > li > a .tdb-sub-menu-icon-svg{
float: none;
line-height: 0;
}.tdb_header_menu .tdb-menu > li > a .tdb-sub-menu-icon-svg svg{
width: 14px;
height: auto;
}.tdb_header_menu .tdb-menu > li > a .tdb-sub-menu-icon-svg svg,
.tdb_header_menu .tdb-menu > li > a .tdb-sub-menu-icon-svg svg *{
fill: #000;
}.tdb_header_menu .tdb-menu > li.current-menu-item > a:after,
.tdb_header_menu .tdb-menu > li.current-menu-ancestor > a:after,
.tdb_header_menu .tdb-menu > li.current-category-ancestor > a:after,
.tdb_header_menu .tdb-menu > li.current-page-ancestor > a:after,
.tdb_header_menu .tdb-menu > li:hover > a:after,
.tdb_header_menu .tdb-menu > li.tdb-hover > a:after{
width: 100%;
}.tdb_header_menu .tdb-menu > li:hover > ul,
.tdb_header_menu .tdb-menu > li.tdb-hover > ul{
top: auto;
display: block !important;
}.tdb_header_menu .tdb-menu > li.td-normal-menu > ul.sub-menu{
top: auto;
left: 0;
z-index: 99;
}.tdb_header_menu .tdb-menu > li .tdb-menu-sep{
position: relative;
vertical-align: middle;
font-size: 14px;
}.tdb_header_menu .tdb-menu > li .tdb-menu-sep-svg{
line-height: 0;
}.tdb_header_menu .tdb-menu > li .tdb-menu-sep-svg svg{
width: 14px;
height: auto;
}.tdb_header_menu .tdb-menu > li:last-child .tdb-menu-sep{
display: none;
}.tdb_header_menu .tdb-menu-item-text{
word-wrap: break-word;
}.tdb_header_menu .tdb-menu-item-text,
.tdb_header_menu .tdb-sub-menu-icon,
.tdb_header_menu .tdb-menu-more-subicon{
vertical-align: middle;
}.tdb_header_menu .tdb-sub-menu-icon,
.tdb_header_menu .tdb-menu-more-subicon{
position: relative;
top: 0;
padding-left: 0;
}.tdb_header_menu .tdb-normal-menu{
position: relative;
}.tdb_header_menu .tdb-normal-menu ul{
left: 0;
padding: 15px 0;
text-align: left;
}.tdb_header_menu .tdb-normal-menu ul ul{
margin-top: -15px;
}.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item{
position: relative;
list-style-type: none;
}.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item > a{
position: relative;
display: block;
padding: 7px 30px;
font-size: 12px;
line-height: 20px;
color: #111;
}.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item > a .tdb-sub-menu-icon,
.tdb_header_menu .td-pulldown-filter-list .tdb-menu-item > a .tdb-sub-menu-icon{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
padding-right: inherit;
font-size: 7px;
line-height: 20px;
}.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item > a .tdb-sub-menu-icon-svg,
.tdb_header_menu .td-pulldown-filter-list .tdb-menu-item > a .tdb-sub-menu-icon-svg{
line-height: 0;
}.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item > a .tdb-sub-menu-icon-svg svg,
.tdb_header_menu .td-pulldown-filter-list .tdb-menu-item > a .tdb-sub-menu-icon-svg svg{
width: 7px;
height: auto;
}.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item > a .tdb-sub-menu-icon-svg svg,
.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item > a .tdb-sub-menu-icon-svg svg *,
.tdb_header_menu .td-pulldown-filter-list .tdb-menu-item > a .tdb-sub-menu-icon svg,
.tdb_header_menu .td-pulldown-filter-list .tdb-menu-item > a .tdb-sub-menu-icon svg *{
fill: #000;
}.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item:hover > ul,
.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item.tdb-hover > ul{
top: 0;
display: block !important;
}.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item.current-menu-item > a,
.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item.current-menu-ancestor > a,
.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item.current-category-ancestor > a,
.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item.current-page-ancestor > a,
.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item.tdb-hover > a,
.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item:hover > a{
color: var(--td_theme_color, #4db2ec);
}.tdb_header_menu .tdb-normal-menu > ul{
left: -15px;
}.tdb_header_menu.tdb-menu-sub-inline .tdb-normal-menu ul,
.tdb_header_menu.tdb-menu-sub-inline .td-pulldown-filter-list{
width: 100% !important;
}.tdb_header_menu.tdb-menu-sub-inline .tdb-normal-menu ul li,
.tdb_header_menu.tdb-menu-sub-inline .td-pulldown-filter-list li{
display: inline-block;
width: auto !important;
}.tdb_header_menu.tdb-menu-sub-inline .tdb-normal-menu,
.tdb_header_menu.tdb-menu-sub-inline .tdb-normal-menu .tdb-menu-item{
position: static;
}.tdb_header_menu.tdb-menu-sub-inline .tdb-normal-menu ul ul{
margin-top: 0 !important;
}.tdb_header_menu.tdb-menu-sub-inline .tdb-normal-menu > ul{
left: 0 !important;
}.tdb_header_menu.tdb-menu-sub-inline .tdb-normal-menu .tdb-menu-item > a .tdb-sub-menu-icon{
float: none;
line-height: 1;
}.tdb_header_menu.tdb-menu-sub-inline .tdb-normal-menu .tdb-menu-item:hover > ul,
.tdb_header_menu.tdb-menu-sub-inline .tdb-normal-menu .tdb-menu-item.tdb-hover > ul{
top: 100%;
}.tdb_header_menu.tdb-menu-sub-inline .tdb-menu-items-dropdown{
position: static;
}.tdb_header_menu.tdb-menu-sub-inline .td-pulldown-filter-list{
left: 0 !important;
}.tdb-menu .tdb-mega-menu .sub-menu{
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
width: 1114px !important;
}.tdb-menu .tdb-mega-menu .sub-menu,
.tdb-menu .tdb-mega-menu .sub-menu > li{
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}.tdb-menu .tdb-mega-menu .sub-menu > li{
top: 0;
width: 100%;
max-width: 1114px !important;
height: auto;
background-color: #fff;
border: 1px solid #eaeaea;
overflow: hidden;
}.tdc-dragged .tdb-block-menu ul{
visibility: hidden !important;
opacity: 0 !important;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}.tdb-mm-align-screen .tdb-menu .tdb-mega-menu .sub-menu{
-webkit-transform: translateX(0);
transform: translateX(0);
}.tdb-mm-align-parent .tdb-menu .tdb-mega-menu{
position: relative;
}.tdb-menu .tdb-mega-menu .tdc-row:not([class*='stretch_row_']),
.tdb-menu .tdb-mega-menu .tdc-row-composer:not([class*='stretch_row_']){
width: auto !important;
max-width: 1240px;
}.tdb-menu .tdb-mega-menu-page > .sub-menu > li .tdb-page-tpl-edit-btns{
position: absolute;
top: 0;
left: 0;
display: none;
flex-wrap: wrap;
gap: 0 4px;
}.tdb-menu .tdb-mega-menu-page > .sub-menu > li:hover .tdb-page-tpl-edit-btns{
display: flex;
}.tdb-menu .tdb-mega-menu-page > .sub-menu > li .tdb-page-tpl-edit-btn{
background-color: #000;
padding: 1px 8px 2px;
font-size: 11px;
color: #fff;
z-index: 100;
}.tdi_8_65c .td_block_inner{
text-align: center;
}.tdi_8_65c .tdb-menu > li{
margin-right: 6px;
}.tdi_8_65c .tdb-menu > li:last-child{
margin-right: 0;
}.tdi_8_65c .tdb-menu-items-dropdown{
margin-left: 6px;
}.tdi_8_65c .tdb-menu-items-empty + .tdb-menu-items-dropdown{
margin-left: 0;
}.tdi_8_65c .tdb-menu > li > a,
.tdi_8_65c .td-subcat-more{
padding: 0 10px;
color: #ffffff;
}.tdi_8_65c .tdb-menu > li .tdb-menu-sep,
.tdi_8_65c .tdb-menu-items-dropdown .tdb-menu-sep{
font-size: 10px;
top: 0px;
color: #ffffff;
}.tdi_8_65c .tdb-menu > li > a .tdb-sub-menu-icon,
.tdi_8_65c .td-subcat-more .tdb-menu-more-subicon{
top: -1px;
}.tdi_8_65c .td-subcat-more .tdb-menu-more-icon{
top: 0px;
}.tdi_8_65c .tdb-menu > li > a .tdb-sub-menu-icon-svg svg,
.tdi_8_65c .tdb-menu > li > a .tdb-sub-menu-icon-svg svg *,
.tdi_8_65c .td-subcat-more .tdb-menu-more-subicon-svg svg,
.tdi_8_65c .td-subcat-more .tdb-menu-more-subicon-svg svg *,
.tdi_8_65c .td-subcat-more .tdb-menu-more-icon-svg,
.tdi_8_65c .td-subcat-more .tdb-menu-more-icon-svg *{
fill: #ffffff;
}.tdi_8_65c .tdb-menu > li .tdb-menu-sep-svg svg,
.tdi_8_65c .tdb-menu > li .tdb-menu-sep-svg svg *,
.tdi_8_65c .tdb-menu-items-dropdown .tdb-menu-sep-svg svg,
.tdi_8_65c .tdb-menu-items-dropdown .tdb-menu-sep-svg svg *{
fill: #ffffff;
}.tdi_8_65c .tdb-menu > li > a,
.tdi_8_65c .td-subcat-more,
.tdi_8_65c .td-subcat-more > .tdb-menu-item-text{
font-family:Oswald !important;font-size:14px !important;line-height:1 !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:1px !important;
}.tdi_8_65c .tdb-normal-menu ul .tdb-menu-item > a .tdb-sub-menu-icon,
.tdi_8_65c .td-pulldown-filter-list .tdb-menu-item > a .tdb-sub-menu-icon{
right: 0;
margin-top: 1px;
}.tdi_8_65c .tdb-menu .tdb-normal-menu ul,
.tdi_8_65c .td-pulldown-filter-list,
.tdi_8_65c .td-pulldown-filter-list .sub-menu{
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}.tdi_8_65c .tdb-menu .tdb-mega-menu .sub-menu > li{
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}@media (max-width: 1140px) {
.tdb-menu .tdb-mega-menu .sub-menu > li {
width: 100% !important;
}
}
/* landscape */
@media (min-width: 1019px) and (max-width: 1140px){
/* custom css - generated by TagDiv Composer */
.tdi_8_65c .tdb-menu > li{
margin-right: 5px;
}.tdi_8_65c .tdb-menu > li:last-child{
margin-right: 0;
}.tdi_8_65c .tdb-menu-items-dropdown{
margin-left: 5px;
}.tdi_8_65c .tdb-menu-items-empty + .tdb-menu-items-dropdown{
margin-left: 0;
}
}
/* portrait */
@media (min-width: 768px) and (max-width: 1018px){
/* custom css - generated by TagDiv Composer */
.tdi_8_65c .tdb-menu > li{
margin-right: 4px;
}.tdi_8_65c .tdb-menu > li:last-child{
margin-right: 0;
}.tdi_8_65c .tdb-menu-items-dropdown{
margin-left: 4px;
}.tdi_8_65c .tdb-menu-items-empty + .tdb-menu-items-dropdown{
margin-left: 0;
}.tdi_8_65c .tdb-menu > li > a,
.tdi_8_65c .td-subcat-more{
padding: 0 8px;
}
}
/* phone */
@media (max-width: 767px){
/* custom css - generated by TagDiv Composer */
.tdi_8_65c .tdb-menu > li > a,
.tdi_8_65c .td-subcat-more,
.tdi_8_65c .td-subcat-more > .tdb-menu-item-text{
font-size:12px !important;
}
}
</style>
<style>
/* custom css - generated by TagDiv Composer */
/* custom css - generated by TagDiv Composer */
.tdi_8_65c .tdb-menu > li.current-menu-item > a,
.tdi_8_65c .tdb-menu > li.current-menu-ancestor > a,
.tdi_8_65c .tdb-menu > li.current-category-ancestor > a,
.tdi_8_65c .tdb-menu > li.current-page-ancestor > a,
.tdi_8_65c .tdb-menu > li:hover > a,
.tdi_8_65c .tdb-menu > li.tdb-hover > a,
.tdi_8_65c .tdb-menu-items-dropdown:hover .td-subcat-more{
color: #aaaaaa;
}.tdi_8_65c .tdb-menu > li.current-menu-item > a .tdb-sub-menu-icon-svg svg,
.tdi_8_65c .tdb-menu > li.current-menu-item > a .tdb-sub-menu-icon-svg svg *,
.tdi_8_65c .tdb-menu > li.current-menu-ancestor > a .tdb-sub-menu-icon-svg svg,
.tdi_8_65c .tdb-menu > li.current-menu-ancestor > a .tdb-sub-menu-icon-svg svg *,
.tdi_8_65c .tdb-menu > li.current-category-ancestor > a .tdb-sub-menu-icon-svg svg,
.tdi_8_65c .tdb-menu > li.current-category-ancestor > a .tdb-sub-menu-icon-svg svg *,
.tdi_8_65c .tdb-menu > li.current-page-ancestor > a .tdb-sub-menu-icon-svg svg *,
.tdi_8_65c .tdb-menu > li:hover > a .tdb-sub-menu-icon-svg svg,
.tdi_8_65c .tdb-menu > li:hover > a .tdb-sub-menu-icon-svg svg *,
.tdi_8_65c .tdb-menu > li.tdb-hover > a .tdb-sub-menu-icon-svg svg,
.tdi_8_65c .tdb-menu > li.tdb-hover > a .tdb-sub-menu-icon-svg svg *,
.tdi_8_65c .tdb-menu-items-dropdown:hover .td-subcat-more .tdb-menu-more-icon-svg svg,
.tdi_8_65c .tdb-menu-items-dropdown:hover .td-subcat-more .tdb-menu-more-icon-svg svg *{
fill: #aaaaaa;
}.tdi_8_65c .tdb-menu > li > a:after,
.tdi_8_65c .tdb-menu-items-dropdown .td-subcat-more:after{
background-color: ;
height: 0px;
bottom: 0px;
}.tdi_8_65c .tdb-menu > li.current-menu-item > a:after,
.tdi_8_65c .tdb-menu > li.current-menu-ancestor > a:after,
.tdi_8_65c .tdb-menu > li.current-category-ancestor > a:after,
.tdi_8_65c .tdb-menu > li.current-page-ancestor > a:after,
.tdi_8_65c .tdb-menu > li:hover > a:after,
.tdi_8_65c .tdb-menu > li.tdb-hover > a:after,
.tdi_8_65c .tdb-menu-items-dropdown:hover .td-subcat-more:after{
width: 0px;
}
</style>
<style>
/* custom css - generated by TagDiv Composer */
/* custom css - generated by TagDiv Composer */
</style><div id="tdi_8_65c" class="td_block_inner td-fix-index"><div class="tdb-main-sub-icon-fake"><i class="tdb-sub-menu-icon td-icon-down tdb-main-sub-menu-icon"></i></div><div class="tdb-sub-icon-fake"><i class="tdb-sub-menu-icon td-icon-right-arrow"></i></div><ul id="menu-verhnee-menyu" class="tdb-block-menu tdb-menu tdb-menu-items-visible"><li id="menu-item-17301" class="menu-item menu-item-type-post_type menu-item-object-page tdb-cur-menu-item menu-item-first tdb-menu-item-button tdb-menu-item tdb-normal-menu menu-item-17301"><div class="tdb-menu-item-text">О нас</div><i class="tdb-menu-sep td-icon-romb-full"></i>
<li id="menu-item-16119" class="menu-item menu-item-type-taxonomy menu-item-object-category tdb-menu-item-button tdb-menu-item tdb-normal-menu menu-item-16119"><div class="tdb-menu-item-text">Билеты здесь</div><i class="tdb-menu-sep td-icon-romb-full"></i>
<li id="menu-item-16120" class="menu-item menu-item-type-taxonomy menu-item-object-category tdb-menu-item-button tdb-menu-item tdb-normal-menu menu-item-16120"><div class="tdb-menu-item-text">Где остановиться в Риме</div><i class="tdb-menu-sep td-icon-romb-full"></i>
<li id="menu-item-17169" class="menu-item menu-item-type-custom menu-item-object-custom tdb-menu-item-button tdb-menu-item tdb-normal-menu menu-item-17169"><div class="tdb-menu-item-text">Экскурсии по Риму</div><i class="tdb-menu-sep td-icon-romb-full"></i>
<li id="menu-item-16122" class="menu-item menu-item-type-taxonomy menu-item-object-category tdb-menu-item-button tdb-menu-item tdb-normal-menu menu-item-16122"><div class="tdb-menu-item-text">Такси в Риме</div><i class="tdb-menu-sep td-icon-romb-full"></i>
<li id="menu-item-16121" class="menu-item menu-item-type-taxonomy menu-item-object-category tdb-menu-item-button tdb-menu-item tdb-normal-menu menu-item-16121"><div class="tdb-menu-item-text">Аренда авто в Риме</div><i class="tdb-menu-sep td-icon-romb-full"></i>
</div></div><div class="tdm_block td_block_wrap tdm_block_inline_text tdi_11_59d td-pb-border-top td_block_template_1" data-td-block-uid="tdi_11_59d">
<style>
/* custom css - generated by TagDiv Composer */
/* custom css - generated by TagDiv Composer */
.tdm_block.tdm_block_inline_text{
margin-bottom: 0;
vertical-align: top;
}.tdm_block.tdm_block_inline_text .tdm-descr{
margin-bottom: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}.tdc-row-content-vert-center .tdm-inline-text-yes{
vertical-align: middle;
}.tdc-row-content-vert-bottom .tdm-inline-text-yes{
vertical-align: bottom;
}.tdi_11_59d{
text-align: center !important;
margin-right: auto;
margin-left: auto;
}.tdi_11_59d .tdm-descr{
color: #777777;
font-family:Oswald !important;font-size:12px !important;line-height:1 !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:1px !important;
}
/* portrait */
@media (min-width: 768px) and (max-width: 1018px){
/* custom css - generated by TagDiv Composer */
.tdi_11_59d .tdm-descr{
letter-spacing:0px !important;
}
}
/* phone */
@media (max-width: 767px){
/* custom css - generated by TagDiv Composer */
.tdi_11_59d .tdm-descr{
font-size:10px !important;
}
}
</style><p class="tdm-descr">2024 Copyright Путеводитель Рим ТМ</p></div></div></div>
How can I fix that without removing footer?
Thank you
Greetings
Hello,
You need to edit the page where the flex block is set, and in the tab layout, there is an option to show the date.
Thank you!
How to add dates on homepage “tabbed content” widgets in composer, using city talk demo. , also on blocks like “flex block 1”. They are simply not showing the dates to each article, above the title. I tried the tick on with last edited date and such, but nothing.
Hello Seamus!
Set it like this: https://app.screencast.com/2sK4EwADMn7uw; add a flex loop element, so the posts will display there depending on the filter category you choose on your frontend.
Thank you!
Hello Seamus!
It will show all the categories, and when you click on a category, the flex loop element will display the posts from that category. Set it like this: https://app.screencast.com/2sK4EwADMn7uw; add a flex loop element, so the posts will display there depending on the filter category you choose on your frontend.
Please check out this demo: https://app.screencast.com/0pOxSFje6KYZH. https://demo.tagdiv.com/newspaper_app_find_pro/software-applications/
Thank you!
Hi Bettina !
Yes! it is showing all the categories.
I don’t want it to show all the categories.
I thought that the idea of a Loop Filter was to be able to filter the categories that would show in the Loop.
I thought it would work something like the Category Filter in Flex Block 1, but above the Posts Loop.
Can you show me an example of a site where the Loop Filter is acually working ?
Thx,
Seamus
Hi,
Does this problem appear on the categories templates?
You can customize the category template. For the category template, please use posts loop; if you have set a posts loop then will display all posts in this category or you can use Flex Block/Big Grid Flex and set the filter to “Category -Current category” => https://i.imgur.com/7P99qx0.png and this is why the block will display posts for each category. So, please check the settings.
Thank you!
Hi,
Does this problem also occur when you are logged in? The theme doesn’t have cache except for the flex blocks, but it’s different from regular caching and only applies when pagination is used. Could you please tell us which caching plugin you are using?
Thank you!
Hello,
You need to change the layout of the row -> https://i.imgur.com/K5aphZJ.png
You can find more details here -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
Thank you!
Hello!
There is an option in a flex block: https://app.screencast.com/z5Wat2WXTATDL
Or you can use a custom module with this element Module Comments Count and you can place it where you want.
Thank you!
