RTL issues and Global Templates

Posted in: Newspaper
Post count: 27

1. How can i fix the most viewed section in the footer, the text should be at the right side, and the numbers at the left https://ibb.co/h269SqS
2. How can i remove the Signin/Signout option from the Top menu? https://ibb.co/kMvxKSz
3. I had to adjust many sections in the RTL template ebcause it was left aligned after the updates, and i’m using a child theme. how can i make sure that the updates does not break such css adjustments? and how come the template is RTL but aligned left? is it possible that i add CSS adjustments to the child theme that are related only to the Arabic language template? how?
4. I have two languages English and Arabic, for each i have its own template the RTL and the non RTL, should i mark the templates as GLOBL? what’s the meaning of GLOBAL?
5. There’s an error when assigning this template as a global one https://ibb.co/Kyrg1HZ

Thank you

Post count: 35449

Hello,

1. To adjust this on footer you can use a custom css like this one:
html[lang="ar"] .td_block_popular_categories a{
display: flex;
flex-direction: row-reverse;
width: 100%;
}
html[lang="ar"] .td_block_popular_categories .td-cat-name {
order: 2;
}
html[lang="ar"] .td_block_popular_categories .td-cat-no {
order: 1;
}

This css should be set in the theme panel > custom code> custom css.

2. Please use tagDiv Composer to edit the page then use the right click on the sign element and click on delete – https://i.imgur.com/t5gPFGR.png

3. Yes, the child theme can be used. For this you can triger the language to apply that css on on that language, like this html[lang=”ar”] or on rtl like this [dir=”rtl”]. Now , most of element have options that allow you you to set the text from RTL to LTR and vice versa, but there are a few elements that do not have this option and need to be used a css.

4. Yes, the templates can be set as global per language and for each language it will be used the one set as global.

5. This is a strange situation, also that one is a page get from cloud library and it can be get for each language, but is not a page template. In that situation if you want to use that page as homepage, then you can assign it using the WordPress option from Settings > Reading – https://i.imgur.com/kxRD8Dh.png

I hope this will help you!

Post count: 27

hello,
Regarding point #1, it solved part of the issue, the text should start from the right side of the box as indicated in the attached image https://ibb.co/qrW7TGq

Thank you

  • This reply was modified 2 years by snoopy.
Post count: 27744

Hello,

Please try to use this code
html[lang="ar"] .td_block_popular_categories a{
display: flex;
flex-direction: row-reverse;
width: 100%;
text-align: right;
}

Thank you!

Post count: 27

Hello,

still the same issue https://ibb.co/vvTR716

code used:

html[lang=”ar”] .td_block_popular_categories a{
display: flex;
flex-direction: row-reverse;
width: 100%;
text-align: right;
}
html[lang=”ar”] .td_block_popular_categories a{
display: flex;
flex-direction: row-reverse;
width: 100%;
}
html[lang=”ar”] .td_block_popular_categories .td-cat-name {
order: 2;
}
html[lang=”ar”] .td_block_popular_categories .td-cat-no {
order: 1;
}

Post count: 27744

Hi,

Please provide the link to your website.

Thank you!

Post count: 27
Post count: 27744

Hi,

Please add this code .widget_categories li .td-cat-no
{
float: none;
}

Thank you!

Post count: 27

Hello,

that did not work out, appreciate the full code snippet, below is what i am using right now.

html[lang="ar"] .td_block_popular_categories a{
display: flex;
flex-direction: row-reverse;
width: 100%;
}
html[lang="ar"] .td_block_popular_categories .td-cat-name {
order: 2;
}
html[lang="ar"] .td_block_popular_categories .td-cat-no {
order: 1;
}
html[lang="ar"] .td_block_popular_categories a{
display: flex;
flex-direction: row-reverse;
width: 100%;
text-align: right;
}
html[lang="ar"] .widget_categories li .td-cat-no
{
float: none;
}

Thank you

Post count: 27744

Hi,

Add the code without html[lang="ar"]

Thank you!

Post count: 27

Still not working

html[lang="ar"] .td_block_popular_categories a{
display: flex;
flex-direction: row-reverse;
width: 100%;
}
html[lang="ar"] .td_block_popular_categories .td-cat-name {
order: 2;
}
html[lang="ar"] .td_block_popular_categories .td-cat-no {
order: 1;
}
html[lang="ar"] .td_block_popular_categories a{
display: flex;
flex-direction: row-reverse;
width: 100%;
text-align: right;
}
.widget_categories li .td-cat-no
{
float: none;
}

Post count: 27744

Hello,

I would like to take a look. Can you please contact us via email at contact@tagdiv.com and provide the wp-admin access? Include the link to the topic in the email.

Thank you!

Post count: 27

Hello,

It has been fixed, thank you.
Appreciate feeling me the solution so that i can fix it whenever i receive an update.

Thank you

Post count: 27744

Hi,

I set the margin-left: auto; you can find the code in the theme panel.

Thank you!

Viewing 14 posts - 1 through 14 (of 14 total)
The forum ‘Newspaper’ is closed to new topics and replies.