Hi Media Creative Lab LLC.,
As I said above, we’ll make some more investigation for iPhone, iPad and mac devices. We need first to find the problem, because and to check on when version of Safari…
For the problem with Q3 you can set the css to affect only the layout you want in two ways: setting the code in theme panel in the css tab for specific device -> https://i.imgur.com/3By895L.png or using tagDiv Composer and set the css per each device -> https://i.imgur.com/A7Row5l.png
Thank you!
Hi bjames1000,
Yes, with an extra css you can achieve this, the css that you can use is this one -> https://i.imgur.com/5wp8mwU.png
.td-post-content ul {
list-style-position: outside;
}
You need to set it in theme panel> custom code> custom css.
Hope this will help you!
Thank you!
I want to add autoplay slider after x seconds effect to a certain flex block element in one of my page. Is there anyway to make it happen just to that specific element of that specific page ?
Exactly! the same problem with us. As soon as I turn on CSS Javascript optimization, my GTMatrix and Pagespeed go up to 95+. [That Awesome Feeling!] But at the same time, search box, menu, and as u said- some images/thumbnails don’t show up. We need to find solution if possible.
@Calin Hope you may help with this.
Sorry, so you’re saying there’s no way to make it align properly? Not even with extra CSS?
Hello guys,
I wanted to use mobile menu in desktop version of the newspaper theme. And to make it look attractive I pasted the following CSS on the LIVE CSS
.td-menu-mob-open-menu #td-outer-wrap{
-webkit-transform: none;
transition: none;
}
.td-menu-background, #td-mobile-nav {
width: 20%;
}
I got what I wanted. Mobile menu appeared in 20% width its original but It also made my page slide towards left leaving a disturbing void in the right side of the page. Please help me to make it be compressed towards right side so that mobile menu will also be displayed and the page will be also be not disturbed.
Screenshots :
https://imgur.com/9hvk9Zd
https://imgur.com/80Yd5Ct
Have you tried out the plugin WP-Optimize? It lets you minify CSS and JAVA, it might make a slight difference. But, check your compatibility first.
Hi,
In order to remove the gap you can edit the page and set to the first row a margin top
-40 https://www.screencast.com/t/XHpfT49oE9U ( in you case 48px is the gap so you can set -48 margin top) or you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help whit this please provide a link were I can inspect the problem, in this way I will be able to provide you the right css.
You can change the gap between the elements using tagDiv Composer -> https://www.screencast.com/t/b5rLIcMBxZK
Thank you!
What is the use of the mobile theme if it does not give actual speed? It shows so many extra CSS, request in PageSpeed. Help with Optimization. I have removed header ads so you can see actual theme code which decreases speed.
https://globaltechgadgets.com/
Hi Media Creative Lab LLC.,
Q2. We’ll make some more investigations for Safari browser, unfortunately only for this we can provide support right now, the other one is not tested with our theme -> https://i.imgur.com/WCuQTMk.png
Q3. Unfortunately the social share buttons can not be set as in your example, sorry!
Also I see that now on mobile the sticky header is no longer active, but if you want to use it you can use this custom css that well set the content under the sticky menu -> https://i.imgur.com/QsBl2wv.png
.tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--ar {
padding-top: 64px;
}
Thank you!
Hi,
On mobile this top menu is removed, that is way is not displaying, what you can do is to use a custom css like this one -> https://i.imgur.com/INugA9i.png
.td-header-top-menu-full, .td-header-sp-top-menu {
display: block!important;
text-align: center;
}
The code need to be set in theme panel> custom code> advance css> phones
Thank you!
HI bitcoinworld,
IF YOU WANT TO CHANGE THE SIZE OF THE SPACE FROM THESE ELEMENTS ON MOBILE VERSION -> https://i.imgur.com/XM54Ib0.png YOU CAN DO IT IN TWO WAYS:
1. USING TAGDIV COMPOSER AND EDIT THE PAGE CLICK ON THE CRYPTO AND ON ROW AFTER THAT IN CSS TAB SET A MARGIN BOTTOM LIKE THIS -> https://i.imgur.com/DgoQfRY.png ALSO YOU CAN CHECK THE CSS FROM ELEMENT TOO.
2. YOU CAN USE A CUSTOM CSS TO SET IT ON THESE ELEMENTS -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
THANK YOU!
Hello,
It’s an emergency. I’m supposed to launch my media on sunday and i’m facing a problem with my TD Composer.
Many of the options doesn’t work. For exemple, I can’t get a previsualization when I click on the screens icons, of tablets, smartphone or desktop.I can’t neither delete a row or a block. When I click on delete, a black layer appears then nothing … like an empty pop-up. And the block element stills there.
Even when I delete the row with the css option “hidden”, I put a new element (block or grid), i can’t, few seconds after, change it again. The modification sticks on row or column, but no way to change the element.
I don’t think it’s a plugin conflict because i didn’t install a new one. I already worked with those I have without any problem.
How Can I Solve that ?
I have to design the main page for sunday. I can’t wait for the weekend !
Hi,
That is a background image set on row, you can change it from css tab -> https://i.imgur.com/DUgCo1T.jpg using tagDiv Composer.
Thank you!
Hi,
If you set the BBpress forum shortcode in a row using tagDiv Composer, then you can use tagDiv Composer to stretch the row -> https://i.imgur.com/IRUKIJz.png this method can be apply on single post template from tagDiv Cloud Library too. another solution will be to use a custom css that to be apply only on BBpress forum
.bbpress .td-container{
width: 1200px;
}The css need to be set in theme panel> custom code > custom css.
Thank you!
Hi,
Unfortunately for the moment our theme use the WhatsApp only on mobiles, but if you want to have it on desktop to, you can use this custom css:
.td-social-whatsapp{
display: inline-block;
}
The code need to be set in theme panel> custom code> custom css.
Please note that this will only display the WhatsApp share button on desktop, it will not work as WhatsApp Web app.
Thank you!
Hi,
Q1. As I can see this problem is from some plugin -> https://i.imgur.com/g9qv3M5.png that you are using, this is apply a stronger css on post content.
I think that this is a plugin conflict between tagDiv Cloud Library and WPBakery, you can use only one of them, you should decide which one you want to use, we recommend to use the tagDiv Cloud Library with tagDiv Composer these are the theme plugins.
Please deactivate the WPBakery and check the results!
To solve this problem without removing the plugin you need to use a stronger css like this one -> https://i.imgur.com/MDxYeAr.png
.vc_row {
margin-left: 0px;
margin-right: 0px;
}
The code need to be set in theme panel> custom code>custom css.
Q2. Indeed there were some problem with some old version of Safari, but I just checked your website on safari v12.1 and for me is displaying normal, therefor I do not know if this problem is from theme or related to the version of safari.
-> https://i.imgur.com/GbnQfgN.png -> https://i.imgur.com/nQJOmGx.png -> https://i.imgur.com/cxT9lgd.png
Q3. This “menu” is from untested plugin, therefore we can not provide support for it -> https://forum.tagdiv.com/support-policy-2/
But just for a test for me is seems to work -> https://i.imgur.com/ny51Vpr.png
Thank you!
Hello
I want you to check with a real machine first, not a simulator. There is a big difference here.
If you reflect the CSS sent to you on Q1, you will have a left margin on the top page. Please check what you contacted first. I want to put a margin on the left side of the post page only. The image I sent is what it looks like on an actual device.
https://03.naturetest.net/0625.png
Regarding Q2, I’m not a simulator, but I am trying to pull out the cache on the actual machine, change the browser and make various attempts. Have you seen this theme on multiple devices?
As anyone knows, if the number is 0, press plus to change the number. Change the numbers and press “Get Tickets”.
You can experience the event that you contacted in Q3.
I really take these challenges into account.
The questions will continue until all the corrections have been made.
Please understand in advance.
Thank you.
Hello !
Q1: Please try this CSS code. You can adjust it if you want: .tdc-row.td-stretch-content, .tdc-row-composer.td-stretch-content {
margin-left:35px;
}
The codes must be inserted here: https://www.screencast.com/t/fyP7TBVPWvhQ
Q2: Please make sure to clear you cache and also try from a different device. We have tested this on our side and it does not happen. So new users will see your website ok.
Q3: Unfortunately your button is not working: https://www.screencast.com/t/sRF3a0Glvbtk
Please make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
Thank you !
Hello Calin,
I think I found it (see markups in green):
I create a custom .css code, and apparently works! But I haven’t certainty if my custom .css code is correct.
I’m not a WebDesigner, I’m a C Programmer. I’m still learning, sorry 🙁
If you confirm that .css code below is correct, I will really appreciate it.
.menu-header-menu-container .menu-item-37 .sub-menu
{
width: 25em !important;
}
I had to put property “!important”.
In my searches, seems it necessary, I guess.
Thanks again,
Grether
I have already searched the entire forum, but unfortunately have not yet found a solution to my problem:
1: I would like to create a custom template for festival live blogging that updates itself every 60 seconds. Template has been created – how can I now force the post to “refresh” independently? Is there any custom CSS for that?
2: Alternatively, I would like to insert a “Refresh” button on the page, which jumps to the top of the blog post. Unfortunately, in the td-composer I find no way to set an anchor link or something. How can I do that?
Thank you for your help!
Thanks for you Support, Calin!
It seems simple to create custom css code (I think).
I will try it, and if I have any problem, I’ll let you know.
Thanks again! 🙂
Awesome seems it was the CSS not added in the website issue Really helped this one as i added thanks a lot ……
just a query will it add any extra time to load the website in anyway ? as we are adding these without zip ?
Hi,
Did you clear all cache, because is look that the above css is not on your website, I can not find it anywhere.
Also you can style to set the code in head of website
<style>
#bbpress-forums > *, .bbpress .td-page-title a
{
color: #ffa301!important;
}
#bbpress-forums .bbp-topic-started-by a, #bbpress-forums .bbp-topic-started-in a , #bbpress-forums .bbp-forum-freshness a, #bbpress-forums .bbp-topic-freshness a, #bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink
{
color: #fbf8f8!important;
}
.bbp-forum-content ul.sticky, .bbp-topics ul.sticky, .bbp-topics ul.super-sticky, .bbp-topics-front ul.super-sticky, #bbpress-forums .bbp-body .super-sticky, #bbpress-forums .bbp-body .sticky {
background-color: transparent!important;
background: transparent!important;
}
</style>
Like this -> https://i.imgur.com/qhlhgMu.png and make sure that you clear all cache.
Thank you!
Hello !
I can help you with a small css code, please provide an url to your website.
Thank you !
