- TutorialsDefault Block Settings Guide
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Hello,
I’m currently working on a project using the Newspaper theme, and I’ve encountered a challenge that I hope to get some guidance on. My goal is to make the list in the tdm_block_list block dynamic by fetching data from an external API and then displaying this data within the tdm_block_list.
I understand that the Newspaper theme is highly customizable and supports integration with external data sources through various methods. However, I’m not entirely sure how to approach this specific requirement. Specifically, I am looking at two potential methods:
Utilizing the THEME API to fetch and display the external data.
Implementing a Code Snippet that would handle the data fetching and integration into the tdm_block_list.
Could anyone please provide guidance or examples on how to achieve this? If there are any recommended practices for integrating external API data within the Newspaper theme, especially for dynamic list creation, I would greatly appreciate learning about them.
Moreover, if there are any specific considerations or steps I should be aware of when using the THEME API or implementing a custom code snippet for this purpose, please share your insights.
Thank you in advance for your support and advice. Looking forward to your expert recommendations.
Best regards,
David
I’m using a Newspaper theme version 12.6.3 with Style PRO prebuild site from cloud.
Is there a possibility to override totally or partially the category template parts or maybe use some Tagdiv Composer php block?
I don’t want to use standard pack because its not so good for SEO/Speed.
What I want to do is:
1 – First show subcategories of actual category with title and background of each subcategory in one module, similar what I have with posts on homepage but with subcategories of actual category: rometm.com
2 – Next behind this module I will show top posts of actual category featured by my own criteria
I’m not asking for help with code implementation, just explaining what I want to do. So you can advise me the best options to override this parts.
Thank you!
First i am clear you fake people contact you, and used my key, my official email is aliflarefm99.kasur@gmail.com also register a account of themeforest.net
My official website is flaredigital.pk. Please allow me to use this key on this website.
Second we are not my website and don’t run these website. My request is block these website on my key.Thanks!
netrokonasongbad.com
https://neplox.com
https://passivenews.com
https://similarsite.net/
https://cnbcpress.com/
if possible to change my key because other people have my key.
also send a email on your email address contact@tagdiv.com nobody reply me. Thanks!
Hi,
You need to edit the page that is assigned in the tabbed content to edit the block.
Thank you!
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
Hi,
For the slide solution please try this plugin it will work like a charmed – https://i.imgur.com/7V5wYr0.png – https://wordpress.org/plugins/woo-product-slider/ the shortcode can be set with tagDiv Composer in column text or text with title element – https://i.imgur.com/ZscYddu.png
Also, the mentioned element you’ll like to be displayed in product page or on the block module where the price and title are displayed? If you need them on product page the can be set using the tagDiv Composer and using the custom filed element. Now if is on module from the block, then we’ll be a little more complicate to add them
Thank you!
Hi,
Usually, that problem with icons is related to the CORS policy that is blocking the access -> https://i.imgur.com/vxvPj7H.png . This problem can be solved using those guides:
– https://forum.tagdiv.com/topic/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co/
– https://stackoverflow.com/questions/25577981/font-from-origin-has-been-blocked-from-loading-by-cross-origin-resource-sharing
– https://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
Thank you!
Hi,
Please check this guide https://themeisle.com/blog/best-anti-adblock-wordpress-plugins/#gref
Thank you!
Hi,
Please edit with tagDiv Composer -> https://i.imgur.com/j8YvKks.png click on the block and remove the offset -> https://i.imgur.com/dJ0iFQu.png let that field empty.
Thank you!
Hi @Calin,
Thank you for checking.
Part 1:
Yes, that’s the plugins and settings we use, except for optimise HTML code, as it is not included in your guide.
But it looks like you missed to enable Theme panel > Post Settings > Enable Video on Mobile? That is where the issue is happening.
Looks like you confused it with Block Settings > Use loading animation image. This can be disabled when Ewww is used.
It worked here in 2024 🙂
My example:
/wp-content/plugins/td-composer/legacy/Newspaper/includes/shortcodes/td_block_popular_categories.php
$cat_args = array(
‘show_count’ => true,
‘orderby’ => ‘count’,
‘hide_empty’ => false,
‘order’ => ‘DESC’,
‘number’ => $limit,
‘exclude’ => ‘4, 4200,’ . get_cat_ID(TD_FEATURED_CAT)
);
Hi Calin,
We have already tried using the Woo Product block, but it does not work for us for the following reasons:
– there is no possibility to automatically change product slides
Also, we have Revolution slider PREMIUM, but also doesn’t have custom taxonomies settings, only pages and posts (next task below)
– there is no possibility of custom display of key attributes from the ACF specification list, such as: length, weight, power of the product
– a short description of the product that we specify through ACF
I would be grateful if you think you can do css for the mentioned functionalities
Good morning,
Really no suggestion, you need an h1 tag for each page with a different title and alt, you’re asking me to deactivate the h1 tags on other pages, it’s no longer SEO.
Why the h1 tag several times and especially why the same titles of the h1 tag on all pages, it deserves an emergency correction, without this correction your site is of no use at all, also important template-blocks are devoid of title tag , the titles and alt tags are important for SEO, with you having the impression that it is only decoration, there is no point in having the most beautiful site if it is not visited or poorly indexed in google.
Hi,
Thanks for the last support, helped me a lot
I have one more problem:
I can’t delete / edit a block from the “World” theme on the home page using the TagDiv Composer? When I click on the block, it is not highlighted for editing with the composer. How can I delete the block?
Screenshot:
https://mawi-westfalen.de/wp-content/uploads/2024/02/Can´t-delete-this-block-with-Composer.png
Thank you!
Christiane
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.
Hi Calin,
as for the shop side, we don’t have any problems.
We are more troubled by the way segments-blocks are displayed on the Product page
as well as the design of featured products on other pages of the site.
Just like I wrote.
The 1st case is that we do not have enough functionality in tag div or
2. that we are limited with designing the elements as we want, more precisely according to the links I sent in the first question.
I can write again in order if it will help.
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,
Unfortunately, the badges are not working on the block for products.
A workaround is to use this element -> https://i.imgur.com/KGQdhbu.jpg to display the badges.
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!
Thank you so much for your email,
First i am clear you fake people contact you, and used my key, my official email is aliflarefm99.kasur@gmail.com also register a account of themeforest.net
My official website is flaredigital.pk. Please allow me to use this key on this website.
Second we are not my website and don’t run these website. My request is block these website on my key.Thanks!
netrokonasongbad.com
https://neplox.com
https://passivenews.com
https://similarsite.net/
https://cnbcpress.com/
if possible to change my key because other people have my key.
also send a email on your email address contact@tagdiv.com nobody reply me. Thanks!
Dear All,
we have some creative and technical issue:
1. Display Featured Product in slider with featured attributes, TITLE, price, SALE sticker, more than 1 button (as shown)
– Product nedd to be displayed on Pages (division, brand, product pages)
Example 1: https://imgur.com/undefined
content: image, Title, short description, featured attributes, price, sales price, button or two
Example 2: https://imgur.com/plX6o24
content: image,Title, price, sales price, button
Problem: creating a custom slider layout
Need Your Recommendation: How to, Third Party Plugin?
2. Product Color variation
– in Product Page section, we have situation with Product Color modification
Example: https://imgur.com/9pp2xGJ
Question: How to connect image with colors
3. Automatic show or hide Content Blocks on Product page
Product page have a several blocks. If there is no data or images for one of blocks, is there solution to make it hidden (if there is nothing to show hide this block)
Blocks: specification, Gallery 1 with title and description, Gallery 2, Video, etc
Example for block content: https://imgur.com/wo6ncgl
Whole page preview: https://imgur.com/undefined
Question: how we can do that?
4. Inserting video on product page:
On product page template in sidebar there is no option to insert video in editing mode on product page.
There is element in tagDiv Composer, but unuseful.
Question: how we can do that?
5. Product Search module:
We have idea to create this kind of Product search module, is it possible in Newspaper?
Product search fields: https://imgur.com/undefined
– Product group
– Brand
– 3. filter ( attributes, or …)
P.S: In general, a lot of existing elements that are intended for posts and pages can be potential solutions for Woo pages, but now it’s not possible.
I think
In pages, I’m getting the option to edit with tagdi; whereas in posts, the option to edit with tagdiv is not appearing – https://imgur.com/a/kk0SFjm
Because of the above, I don’t have option to edit the blocks in posts
https://www.homenaturalcures.com/thyroid-cancer-symptom-causes-risk/
In the above page, I want to change setting of “Fixed posts” to “Random posts” in the block “Popular Articles”, which is shown at the end of the article.
I’m not able to open this page in tagdiv editor.
Thanks
