Search Results for 'rtl'

Hi,

And the issue happened after you added the code or was it there before? Our theme does not display like that so any alteration of the css could impact the site. Please remove your css and see if the theme displays wide without any customization. Unfortunately our theme does not have rtl support and simply changing direction will not transfor the layout into rtl mode. All the theme elements will have to be positioned properly. We suggest getting some help on this as it will be no easy task to make the theme display properly in rtl .if it were this easy, we would have made it in a heartbeat and add a rtl option from the start, but unfortunately it involves lots of work.

Thank you!

Hello,
This is a result in you altering the theme css in order to make it rtl. The elements on the left are the mobile menu elements which are hidden by default and they should not be visible or scrollable. Please check your custom code you implemented and figure out which part of the css does this.
Thank you!

Hi,

I made a few modifications to the code and it should move the image above the smartlist content. It will need further testing though. Here is the entire smartlist 7 code
http://pastebin.com/hCmLXDea
Simply replace all the code in the file with this one. here is he file you need to modify: http://screencast.com/t/71Mz57QXJf7
I hope it works well 🙂

Thanks.

Hello johnieg,

Unfortunately, please notice that this is the style for our dropdown menu. If you want to change the style of it, please notice that you should implement yourself another way and it involve custom work and we cannot provide this type of services at the moment, sorry! Also, you can try to find some plugins with this functionality and see how it will work for you. Also, please notice that the RTL is not supported by our theme.

Thanks for your understanding!

Hi,

Different smart lists have different implementation. If a html tag is open where the smart list needs to add a title or the post template needs to add a featured image or a different specific element, then it will break on that particular layout. On a different one it maybe does not affect structural elements and the sidebar will not be broken. Try to find the html error and then test different templates again. HTML works in mysterious ways sometimes 🙂
It the smartlist titles you need to be extra careful about. If for example you have an image inside a h3 tag that will mot likely break the layout as the smartlists need the h3 or the tag you set in order to create the titles.

Thanks

Hello gilli,

For your mobile mode, if you want to get rid of the header, please try the code below.

The code is ->

@media (max-width:767px){
.td-menu-background{
display:none
}
.td-grid-wrap{
padding:0;
}
.td-menu-placeholder{
display:none;
}
.td-header-bg{
display:none;
}
}

The result -> http://screencast.com/t/kQLB7VkXFOqO

and if you want to replace the placements for your logo and header ad, please try the code below and place it in Theme panel.

The code is ->

.header-logo-wrap{
float:left!important;
}

The result -> http://screencast.com/t/cm6Hlaeu

Please notice that places were reversed due your RTL mode.

Thanks for your understanding!

Hello gilli,

I have checked your website and I saw that you are using the RTL mode for the theme. Please keep in mind that the theme has no RTL support because it has been designed to be used in this layout, sorry!
Unfortunately, we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. Using the RTL mode means that lots of elements have to be adjusted and this thing involves custom work and we cannot provide this at the moment!

Regarding on your problem, please be more specific about what you want to achieve because I do not exactly understand what you mean.

Thanks for the message!

Hi,

You can prevent the css code from applying to any other parts of the site by adding the smart list class so the code will only affect the smart list of your choice. It is recommended to use it that way so the other parts do not get affected. Here is an example of how the code should look:

.td_smart_list_1 .td-sml-caption div{
position:relative;
top:-25px!important;
left:10px
}

You should add the .td_smart_list_1 class at the beginning of any code you want to use only on the smart list or another smartlist type you want to use. You can simply change the smarltist number and add the code so it will only affect the smartlist.
Unfortunately I cannot find a viable solution for the caption to be positioned on the left of the image. You can move the image but the caption stays in place. If you do not align it center, it will not stay on the image.
The only simple viable solution is to have it align center.
Ad for the images being clickable, it is the same on my end. This is not a default implementation of the theme as smartlists were designed to ignore caption links. Sometimes forcing things to display causes other issues. I will add this to our list for future updates and pass this information on to our development team so we can maybe add support for link captions in future versions of the theme. Sorry for the inconvenience.

You could try one more css trick though to remove the link from the images and only have the caption clickable:

.td_smart_list_2 img{
pointer-events:none;
}

As for the transparent grey backgorund you can use this code

.td_smart_list_2 .td-sml-caption div a{
background-color:rgba(0, 0, 0, 0.4)!important;
}

Thank you!

Hi,

Yes, Smartlist 7 reloads the page when changing slides. There is no simple solution to move the smartlist 1 pagination.

Thank you!

Hello,

This is one of the reasons our theme does not have RTL support. If everything could have been moved with a float right, RTL would have been no problem at all, but the float makes the logo display like that as it’s aligned to the content on the left side by default.
You need to change the order of the logo and ad from the code not float it right as it will not position properly on the left if you float it right. It will stick to the right side no matter what size and margins you change.
We suggest hiring a developer as there are many implications in switching the site to rtl mode.

Thank you!

Hello,

Unfortunately the pagination cannot be moved on smartlist 1 as the code is created with protected functions but as an alternative you could use smartlist 7 and remove the top pagination like so: http://screencast.com/t/Ygv4Aahwf9ff
This way you will only have the bottom pagination buttons.

Thank you!
Bogdan B

Hi,

The mobile theme dopes indeed convert the smart lists to a single predefined one just as it converts the post templates to a single predefined one and the homepage to a predefined one. THi sis the impklementation the developers made. it is all presented here in this guide: https://forum.tagdiv.com/the-mobile-theme/
The smart list on mobile is not smartlist 7 but rather “mobile smart list 1” as you can see in the code: http://screencast.com/t/xRmQ7zS2Cp
It is a new smartlist created specially for the mobile theme. We do plan on adding more options to the mobile theme. It is still in it;s version 1.0 We are still gathering info about what users need on their mobile theme so it will require a bit of patience and we will implement more options to it in the future.
If for some reason you do not like the mobile theme plugin, you can simply deactivate it and use the standard responsive version of the theme. Our theme is already responsive without the mobile theme.
The mobile theme was created as an alternative to the responsive version.

Thank you!

Hi,

Sorry for the late response, we do not work on weekends.
There are 2 ways to go about the images. Either switch to msrtlist 7 or use this custom css:
.td-slide-smart-list-1{
text-align: center;
}
Which will center the images on smartylist 1.
Add the code in the theme panel->custom css box

Thank you!