Page 67 – tagDiv support

tagDiv Staff

#500813

Feb 16, 2024 at 2:59 pm

Hi,

I answered you here: https://forum.tagdiv.com/topic/issue-with-alignment/. I think that you have some issues with optimising the CSS and JS. Can you tell me the browsers that you use?

Thank you!

Anamaria

tagDiv Staff

issue with alignment..?? - reply

#500810

Feb 16, 2024 at 2:53 pm

Hi,

I think that you have a setting in Wp Rocket to delay the CSS until the first interaction -> https://prnt.sc/UGHXyZW3BO_m. I checked now, and it works well.

Thank you!

Alligator1986

Participant

Tagdiv composer unwanted styles applied - topic

#0

Feb 16, 2024 at 2:48 pm

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

Calin

tagDiv Staff

Issue between Lazy Video on Mobile and Autoptimize's Aggregate inline CSS option - reply

#500775

Feb 16, 2024 at 11:46 am

Hi Alex, indeed I confused the options. I just made some tests using your latest indications and indeed it’s like you mentioned.
I checked the code and I saw that the problem is that the css that is making “AGGREGATE INLINE CSS” is from inside an iframe and this will no longer apply on it because the css can’t apply on elements inside an iframe.
For the theme situation what can be done is to try to inject the css in iframe using a javascript or jquery but this is not easy. I will make some research and try to come back with a solution.
Thank you!

Anamaria

tagDiv Staff

Hide add to cart button via hook - reply

#500757

Feb 16, 2024 at 9:07 am

Hi,

You can hide it using custom code css -> https://i.imgur.com/I6FKrn3.png form.cart button.single_add_to_cart_button { display: none; }

Set the code in theme panel -> custom code -> custom css.

Thank you!

Alex

tagDiv Member

Issue between Lazy Video on Mobile and Autoptimize's Aggregate inline CSS option - reply

#500720

Feb 15, 2024 at 10:13 pm

Part 2:

I think I figured out what is wrong with the theme:

When “Aggregate inline css” is enabled either via theme panel or via Autoptimise settings – the element “img” losses its styling, which is:

img
position: absolute;
width: 100%;
top: 0;
margin: auto;

This img is applied here: img src=” http://img.youtube.com/vi/video-id/maxresdefault.jpg ” alt=”VIDEO TITLE”

As a result, when “width: 100%” is missing, the video thumbnail is displayed full width of an image file (1280 px wide for example) instead of 100% of a view port width.

To solve this for lazy video on mobile to work properly, “img” needs to be excluded by being placed in the filed “Exclude CSS from Autoptimize:”

Can you replicate all this?

Tech Lifestyle

tagDiv Member

WooCommerce Product and data Display Solutions on Pages, Product Pages etc - reply

#500698

Feb 15, 2024 at 4:46 pm

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

Calin

tagDiv Staff

WooCommerce Product and data Display Solutions on Pages, Product Pages etc - reply

#500696

Feb 15, 2024 at 4:25 pm

Hi,
I understand you point of view.
I just rechecked the first list and I have an idea for point 1. Indeed our theme do not have a slide woo, but you can use the woo element with next/prev pagination – https://i.imgur.com/W9KVA54.png (we can provide a css to set it in the place you want).
We also tacked in consideration all those mentioned above and our developers will take a look over them, in the meantime if you have a question please let us know and we’ll see what solution can be used.
Thank you!

ibadurrahman

Participant

Menu from all website is not showing. - topic

#0

Feb 15, 2024 at 8:40 am

Hi! When I checked my website this morning, all menus(menu, main menu, footer menu, amp menu) were not showing. In the footer section, it also gave an error. My website is https://gadgetsfocus.com/

error: [vc_row_inner tdc_css=”eyJhbGwiOnsicGFkZGluZy1yaWdodCI6IjEwMCIsInBhZGRpbmctYm90dG9tIjoiOTAiLCJwYWRkaW5nLWxlZnQiOiIxMDAiLCJiYWNrZ3JvdW5kLWNvbG9yIjoiI2ZmZmZmZiIsImRpc3BsYXkiOiIifSwibGFuZHNjYXBlIjp7InBhZGRpbmctcmlnaHQiOiI0MCIsInBhZGRpbmctYm90dG9tIjoiNTAiLCJwYWRkaW5nLWxlZnQiOiI0MCIsImRpc3BsYXkiOiIifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOSwicG9ydHJhaXQiOnsicGFkZGluZy1yaWdodCI6IjEwIiwicGFkZGluZy1ib3R0b20iOiIzMCIsInBhZGRpbmctbGVmdCI6IjEwIiwiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdF9tYXhfd2lkdGgiOjEwMTgsInBvcnRyYWl0X21pbl93aWR0aCI6NzY4LCJwaG9uZSI6eyJwYWRkaW5nLXJpZ2h0IjoiMCIsInBhZGRpbmctYm90dG9tIjoiMjAiLCJwYWRkaW5nLWxlZnQiOiIwIiwiZGlzcGxheSI6IiJ9LCJwaG9uZV9tYXhfd2lkdGgiOjc2N30=” gap=”eyJsYW5kc2NhcGUiOiI1IiwicG9ydHJhaXQiOiI1IiwicGhvbmUiOiIwIiwiYWxsIjoiMTAifQ==LS

Alex

tagDiv Member

Issue between Lazy Video on Mobile and Autoptimize's Aggregate inline CSS option - reply

#500597

Feb 14, 2024 at 9:18 pm

Hi Bettina,

Try to change the theme?

The issue seems to be with the newspaper theme’s features: Aggregate inline css and lazy video on mobile.

You didn’t try to replicate the issue, did you?

Can you please get Calin to review this thread? It was addressed to him.

From experience: Generally after a few messages with other members from your team with zero result, he finally takes a look and provides a fairly comprehensive answer and acknowledges whether there is in fact issue with the theme or not.

Thanks.

DocDigit

Participant

Observation on TagDiv Composer v.Version 4.7 | built on 08.02.2024 14:44 - topic

#0

Feb 14, 2024 at 6:50 pm

Dear Team,
For whom it will concern: we have worked the last week with the latest update of Newspaper.
As the upgrade looked ok in first instance, we found out that the behavior of the TagDiv Composer has become very unpredictable, thus causing unexpected template behavior of this great theme.
– Slight changes in tdi. settings that aren’t changed while editing the template
– In editor mode the live site cosmetics are sometimes not what they should look like.
Therefore we now always have to log out and restart browser in order to check if changes have been correctly processed (and what other suddenly appear).
– Using third party caching (WP-Optimize Premium) is not stable anymore icw these changes.

Former additional/customized CSS rules do not work well with latest version of Newspaper. Please check first before you make any changes to your template with Composer.

Anamaria

tagDiv Staff

No Featured Images Settings under Post Settings and Changing Feature Images - reply

#500521

Feb 14, 2024 at 9:46 am

Hi,

The CSS can be done only if your provider can insert it in the code for the newsletter, and you can set the code in column text, not in the Newsletter form.

Thank you!

simchris

tagDiv Member

Google PageSpeed and Newpaper container - reply

#500487

Feb 14, 2024 at 12:02 am

some info
https://webdesign.tutsplus.com/best-ways-to-preload-images-using-javascript-css-and-html--cms-41329t
and
https://docs.wp-rocket.me/article/1494-preload-largest-contentful-paint-image

cybernox

tagDiv Member

No Featured Images Settings under Post Settings and Changing Feature Images - reply

#500475

Feb 13, 2024 at 9:48 pm

I was finally able to extract the code to minimum : https://pastebin.com/MxzU2YpZ

<form class=”form-validate-jqueryz” action=”https://app./lists/65c912de1984a/embedded-form-subscribe-captcha” method=”POST” novalidate=”novalidate”>
<div class=”tdm-title tdm-title-xsm”><input id=”FIRST_NAME” class=”form-control ” name=”FIRST_NAME” type=”text” value=”” placeholder=”First Name” /><label>Please enter a first name.
</label></div>
<div class=”tdm-title tdm-title-xsm”><input id=”LAST_NAME” class=”form-control ” name=”LAST_NAME” type=”text” value=”” placeholder=”Last Name” /><label>Please enter a last name.
</label></div>
<div class=”form-group control-text”><input id=”EMAIL” class=”form-control required email:rfc,filter ” name=”EMAIL” type=”text” value=”” placeholder=”Enter Email Address” /></div>

<div class=”tds-button3 tdm-btn tdm-btn-sm tdi_77″><span class=”tdm-btn-text”>Get Started Free</span></div>
</form>

I did tried adding custom css etc but didnt work. Is there a way I make it look like https://prnt.sc/0cC1WzHzTyWb

Thank you helping me out.

This reply was modified 2 years by cybernox.

dzielinski3

Participant

Caching Problem - topic

#0

Feb 13, 2024 at 7:22 pm

How come when I go to my website I don’t always see the most recent posts. It is like the website is cached. Why is this? I never had a problem with this before the newspaper theme. How do I disable the newspaper caching or fix this issue?

This is what my hosting platform said: In some cases themes can have a caching layer that used for static CSS files. Typically this can cause a conflict with the server side cache not properly purging the most recent changes since a second layer exists. Plugins can have the same effect. The newspaper theme has a CSS generator setting that appears to be the same thing just using a different naming convention. You can check with the theme provider to see if there any options to have that feature work alongside the serverside cache or if it would have any adverse effects turning off the feature.

thehempcow

Participant

How to add css class to specific menu item - topic

#0

Feb 13, 2024 at 3:50 pm

How can we add or assign css class to specific menu item?
This is the first time i am not able to add/assign a class name while adding a item in menu.

Alex

tagDiv Member

Issue between Lazy Video on Mobile and Autoptimize's Aggregate inline CSS option - reply

#500379

Feb 13, 2024 at 10:11 am

Hi,

No.

Did you even try to replicate the issue?

It looks like another issue/bug with the theme that I discovered. It has nothing to do with the pagespeed support.

Forget Autoptimize. It is the standard features that come with the theme are not working.

It also happens when AGGREGATE INLINE CSS is enabled in Theme panel.

Theme panel >> Block settings >> Inline Css >> AGGREGATE INLINE CSS enabled .

This reply was modified 2 years by Alex.
This reply was modified 2 years by Alex.

giorgoskey

Participant

Google PageSpeed and Newpaper container - topic

#0

Feb 13, 2024 at 12:55 am

Hello, I review our site https://trikalatroll.gr through Google PageSpeed Insights and I see that one of our greatest errors is the Largest Contentful Paint.

In our case that is the main image of the site. It seems to me that the structure of your code blocks the fast loading of this main element.

The insights gives me this code as an example:
div.td-image-container > div.td-module-thumb > a.td-image-wrap > span.entry-thumb
<span class=”entry-thumb td-thumb-css td-animation-stack-type0-2″ data-type=”css_image” data-img-url=”https://trikalatroll.gr/wp-content/uploads/2024/02/3d3a3f55-54a8-4ac2-838e…” style=”background-image: url("https://trikalatroll.gr/wp-content/uploads/2024/02/…");”>

Has anyone else make tha same complaint? Is this something you can help or fix?

Thanks
Giorgos

Alex

Participant

Issue between Lazy Video on Mobile and Autoptimize's Aggregate inline CSS option - topic

#0

Feb 12, 2024 at 10:53 pm

Hi Calin,

Environment:

1. “Lazy Video on Mobile” in theme panel is enabled, as required for speed.

2. “Also aggregate inline CSS?” in Autoptimize settings is enabled, as required for speed, per your guide.

Result/Issue: The video thumbnail is not properly loaded. It is loaded in a full image width – much wide than the view port. Screenshot

When “Also aggregate inline CSS” is disabled, it loads fine. However, disabling this option causes other speed issues, including large dom size.

– How to use “Lazy Video on Mobile” and “Also aggregate inline CSS?” both enabled, so it works for speed as advertised?

Thanks.

nolandolce

Participant

Mobile Live Search Formatting? - topic

#0

Feb 12, 2024 at 4:58 pm

Hi Team,

How do we format the auto-populated results in the mobile search screen overlay? In the “general” and “CSS” tabs, it’s not possible to change the # of letters/words displaying for the title of the articles, nor change the font details. Thanks!

Mark Gilbert

tagDiv Member

Add coloured underline to hyperlinks in posts and pages content only - reply

#500283

Feb 12, 2024 at 2:11 pm

Ok – added it at Custom CSS, but as before (Sept 22) the URLs become completely unmarked. There is no permanent red underline. It only appears on hovering over the link. So no-one knows there’s a link until then. Maybe it’s just a problem with my site. I’ll send details to contact@tagdiv.com. Thanks.

christianmuda

Participant

Improve Largest Contentful Paint (LCP) with Newspaper - topic

#0

Feb 12, 2024 at 12:14 pm

Hi,

After changing to newspaper theme, my organic traffic dropped with 66%. One reason is Largest Contentful Paint (LCP). Top improvement suggestions seems to be theme related:

1) Ensure text remains visible during webfont load
2) Remove Unused CSS
3) Avoid Enormous Network Payloads

Please advise how to fix this.

Best regards Christian

Anamaria

tagDiv Staff

Image stretches to fill screen width when viewed on mobile - reply

#500258

Feb 12, 2024 at 10:23 am

Hi,

Please set the code in the theme panel > custom code > advance css > phones (this code will be applied only to the responsive version). This file can’t be added to the child theme.

Thank you!

Bettina

tagDiv Staff

New Upadte bug: Headlines not centred - reply

#500255

Feb 12, 2024 at 10:12 am

Hello Dimitri!

Sure. I will add it on our investigation list.
Can you align it from the General Options tab? Please check if you have any value in the CSS tab for padding.

Please let me know!

Thank you!

nhowarth

tagDiv Member

Image stretches to fill screen width when viewed on mobile - reply

#500243

Feb 12, 2024 at 9:20 am

Yes. BUT I had to edit wp-content\plugins\td-composer\mobile\style.css to fix it.

How can I include the fix in my child theme .css?

As I don’t want to edit wp-content\plugins\td-composer\mobile\style.css every time you issue an updated Newspaper theme?

Cookie	Duration	Description
cookielawinfo-checkbox-advertisement	1 year	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Advertisement".
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

Cookie	Duration	Description
_ga	2 years	This cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assign a randomly generated number to identify unique visitors.
_gat_gtag_UA_43963494_1	1 minute	This cookie is set by Google and is used to distinguish users.
_gid	1 day	This cookie is installed by Google Analytics. The cookie is used to store information of how visitors use a website and helps in creating an analytics report of how the website is doing. The data collected including the number visitors, the source where they have come from, and the pages visted in an anonymous form.

Cookie	Duration	Description
IDE	1 year 24 days	Used by Google DoubleClick and stores information about how the user uses the website and any other advertisement before visiting the website. This is used to present users with ads that are relevant to them according to the user profile.
test_cookie	15 minutes	This cookie is set by doubleclick.net. The purpose of the cookie is to determine if the user's browser supports cookies.
VISITOR_INFO1_LIVE	5 months 27 days	This cookie is set by Youtube. Used to track the information of the embedded YouTube videos on a website.
YSC	session	This cookies is set by Youtube and is used to track the views of embedded videos.

Cookie	Duration	Description
CONSENT	16 years 5 months 26 days 13 hours 25 minutes	No description
yt-remote-connected-devices	never	This cookies is set by Youtube and stores the user's video player preferences using embedded YouTube video.
yt-remote-device-id	never	This cookies is set by Youtube and stores the user's video player preferences using embedded YouTube video.