- NewspaperModules Builder in Newspaper Theme
- NewspaperSingle Post Shortcodes
- NewspaperThe Mobile Theme
- NewspaperSmart Lists
Hi Bettina
Thanks for sharing your comment
The header is the RTL recommended by you: “Default RTL PRO”
But still it doesn’t work well
–
BTW, I purchased TAGDIV only because the RTL suppurt was announced as part of the solution.
So I really need some assistance to make the RTL stable.
Thanks,
Yaron
By the way, I read all your istructions in the forum, but it simply doesn’t work:
https://forum.tagdiv.com/topic/rtl-issues-with-mobile/
https://forum.tagdiv.com/topic/reverse-sidebar-order-on-mobile/
No matter what I do, The order for mobile remains RTL
Hi Team, following your publication from year 2022, the your Newspaper product supports RTL, I decided to move from my old “Publisher template to Newspaper template
So I purchased the template in themeforest and went to the setup work.
I installer the “Default RTL PRO” template
I am trying to setup RTL site but all the default is LTR
Many elemnt just do not respond to RTL, like widget headers
Also, the responsive mechanism do not work RTL, so widget placed on the left wing will mover over those on the right when switching to mobile view.
by Default, all text element are aligned LTR.
So my question:
Is there a wat to define that the template is RTL by default?
Frustrating…
–
Yaron Carmi
My DEV site is https://dev2.haipo.co.il/
Hi guys,
We are building a newer version of our website racesport.nl at https://racesport127.e.wpstage.net/ but we have 1 problem with using a template on the category page and we want to know how we can copy templates from that development environment to live.
Problem 1
At category https://racesport127.e.wpstage.net/category/motogp/ I’ve imported the template https://demo.tagdiv.com/newspaper_week_pro/category/celebrity/ but the template does not work properly. It does in the TagDiv Editor, but when I save and watch the actual page, it looks messy.
The first row with images work perfect. Then below that, I’ve a 2 column with posts and the standard sidebar you also have.
But on the site, there is no sidebar, the items are to big. When you scroll, the sidebar does show very shortly and goes away, the page shifts. With a tiny bit of smaller screen size, I do see the sidebar, but not on the spot where it should be.
Problem 2
On the staging site https://racesport127.e.wpstage.net/ I’ve made multiple new templates, edited them and create new header, footer, homepage, category page and single post page. But how can I copy and paste them as I’ve made them in the test environment to live? If this is not possible then it will cost me allot of time to get the same layout, fonts, sizes etc in all the things and elements I’ve changed from the standard ‘Week Pro’ templates.
Let me know if there is a way to export and import theses templates. I couldn’t find it.
Let me know if you need access to de dev environment. I will provide you secure details?
Hello @haipo!
You can fix it with some CSS or import a RTL header from RTL demos.
We have some RTL demos that were created by hand for this purpose using custom code: https://prnt.sc/ccPYeDT6mvKv Unfortunately, there is not a RTL feature in our theme.
So, you can correct any other demo in the same way.
Thank you!
Hi team, The RTL sub-menu is not aligned correctly
Is there a way to fix it?
In my link – please look at the main menue on the right with the letters חי פה
https://dev2.haipo.co.il/section/people-of-haifa
You ca also look at this image with me explanation:
https://dev2.haipo.co.il/wp-content/uploads/2024/02/sub-menue-flies-right.jpg
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 can set your WordPress to English and upload the translation for English from Theme Panel -> Translations – Translations, after maybe you need tagDiv Composer to change the translation for some elements. Also, there is a custom code css for some elements to be RTL, but for the beginning, you can do what I said above.
Thank you!
I am using the RTL template and everything is working well, but I am not able to show the author name on home page. I tried all sections but it is not working.
I am using version 12.6.3 and it is up to date. You can check it in this page.
Hello @mg!
I can see that you have RTL, so I think you should fix it with some CSS.
If you can’t handle it, then I can try to help you. Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
Thank you!
Hello
On RTL, when using a left sidebar for desktop, it shows before the content of article on mobile.
My question is how can I reverse them on mobile without recreating it ?
https://www.freeurdunews.com/
I installed pre-built Default RTL PRO to make the site right align so I can post Urdu posts after that but after installation, the website is still left-aligned what do I have to do now?
Hello!
You should create a form for your users in order to do that: https://forum.tagdiv.com/create-frontend-submission-form/
We have some RTL demos that were created by hand for this purpose using custom code: https://prnt.sc/ccPYeDT6mvKv Unfortunately, there is not a RTL feature in our theme.
So, you can correct any other demo in the same way.
Thank you!
“In the ‘rtl-news-magazine’ template, is there an option that allows some editors to add articles to specific pages after logging into the website through the site pages themselves, without the need to access the WordPress dashboard?”
Or is there a way to achieve this purpose?
Hello!
The default RTL Pro demo should look like this: https://app.screencast.com/rFAuEuISEOfzB
All the cloud templates are fully customized and editable with the TagDiv Composer.
Make sure you select the right header from that demo: https://forum.tagdiv.com/header-manager/
Thank you!
Hi, I found a lot of css problems in the RTL theme.
The header is not correct and I can’t edit it, also the footer.
As you can see, the titles in footer is from left to right.
And at the header the menu and search to close to each others. that’s not correct ! and not acceptable..
the demo should work without any problems I just import it and didn’t do anything on it.
So if you can’t fix this issues I need a refund because I can’t work on something like this.
Hi, in the footer of RTL demo, I’m trying to change the title position of the widget but for some reason I can’t see an option allow me to that.
Also the category widget there so option to change the the horizon align from left to right..
You should add Horizon align to this both widgets because in Arabic for example everything should be from right to left.
Thanks in advance.
Our main page is english , and we have arabic translation , when we switsh to arabic the page is not RTL , how can we make it support rtl
https://www.briskmarkets.com/blog/ar
Hello!
We have some RTL demos that were created by hand for this purpose using custom code: https://prnt.sc/ccPYeDT6mvKv
Thank you!
i have a problem with smartlist, how to use smartlist ? if use style 1,2,3,4,5,-13 style sidebar not showing to smartlist how to use smartlist ???
Yes sure,
1st problem is the featured images are not showing on the homepage and articles on everywhere.
2nd Hostinger shows that this plugin td-composer has malware.
Please check the screenshot below
Hello @trinitro!
We have some RTL demos that were created by hand for this purpose using custom code: https://prnt.sc/ccPYeDT6mvKv
So, there is not a feature in our theme.
Thank you!
i have the TODAY NEWS PRO demo,
i convert style.css code to rtl and i have create a rtl-style.css and uploaded.
i add code to replace the style.css with the rtl when i change the language, but is not work… its ok!
The important thing is when i replace the style.css code with the new one (copy / paste), nothing change !!!!
and when i edit anything in css custom code, there is nothing changed.
i am try with delete cash, another browser.. etc, still not working.
