Hey!
Maybe somebody knows how to revive “Live Css”.
It had worked perfectly until I deleted all code. Saved. Then it stopped to Save anything.
I have already reinstalled tagdiv builder. Also, I turned off all other plugins. Unfortunately, nothing helps.
Hi Simon,
As I said above.
1. I don’t want to enable lazy loading, I have disabled already this option in theme panel-> template settings.
2. But, I want to disable also the zooming effect big block front page when you hover the mouse over thumbnail the image will zoom, this can be disabled by selecting “Fade and Scale option”. and I have done this.
3. The problem is that if I turn of lazy loading, the “the fade and scale” option that turns off zooming effect does not work.
I can’t disable them both, that’s why I asked I you can help me with a css or java script code to turn off one of them manually. Because, the scale and fade option is part of the ‘turn of & turn on lazy loading’, if you turn of lazy loading, you can’t turn of fade and scale.
I noticed that the fonts for my yoast meta description is very small and also the tags area when trying to make a new post.
Hi,
There is some styling added by the demo you have installed, for the top bar. That is why they appear like that. I could give you a code to make the top bar display normally, in it’s initial position
– https://www.screencast.com/t/hyEuVhkDSo
Then you can set a background color if you wish, similar to the one you have on the header or different
– https://www.screencast.com/t/xg9jwIaY2
This is the code you must enter in Theme panel->Custom code->Custom CSS section
.td-craft-ideas .td-header-style-10 .td-header-top-menu-full {
position: initial;
}
Also you can stretch the top bar if needed
– https://www.screencast.com/t/dLQCtn4ckV
Please correct me if I misunderstand something.
Thanks
Hello,
Sorry but our theme does not have settings for each viewport in particular. You will have to use css if you want different fonts on different viewports.
Here is an example on the post content for mobile devices:
@media(max-width:767px){
.td-post-content p, .td-post-content{
font-size:15px!important
}
}
Thanks.
Hello OueshOuesh,
As a hint, you should try using the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td_category_template_8 .td-category-header .td-container {
height: 260px;
}
The result is here -> https://www.screencast.com/t/342xJNwG1l3
Thanks for the message!
Hello,
Unfortunately we have not tested the plugin you mention so I cannot say for sure if it will work or not. Our social icons can be found here: https://www.screencast.com/t/qRjDM2lwi3
The icon css codes are added with css and are found here: https://www.screencast.com/t/RwNdKcHfk
Thank you!
Hello PedroFumero,
If you want to remove that section you should use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-module-meta-info, .td-excerpt{
display:none;
}
Also, if you want to be more specific you should use some restrictive classes for what modules you are using for your blocks. More useful for creating a more accurate code is Inspector Browser. Please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hello,
Try to use the code below and place it in Theme panel -> Custom CSS area.
The code is here ->
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
}
The result is here -> https://www.screencast.com/t/y4oiAKg8GU1
Thanks for your understanding!
Site link and post the css you used
I just installed the theme and I don’t see anywhere in the theme panel a place to manage the font size for mobile or tablet view. I do see the THEME FONTS section where you can specify the font size for all kind of text elements, but if I put 21px for Post Content for exemple, it remains 21px on a mobile. Is it me or this feature is missing? Is there a place where we can manage that without creating custom CSS rules for breakpoints?
Thanks in advance for your help!
I found something doing
.td-category-header {
height: 200px;
width: 200px;
}
in the custom css and it is working but it’s not what i want. It is just cutting the header. I want it to be reduced so i still have the menu at the bottom right and the title at the center.
I tried
.td-category-header {
height: 50%;
width: 50%;
}
i thought it would work but it’s not doing anything. I really need help thx.
Thanks Simion.. unfortunately not though. I don’t have the mobile plugin activated.
I tried editing the css as instructed – no difference.
K
Could it be that the below files were modified?
Modified files – 19 files
•functions.php
•includes\demos\retro\td_import.php
•includes\less_files\category-templates.less
•includes\less_files\header-search.less
•includes\less_files\header-style.less
•includes\less_files\main.less
•includes\less_files\post.less
•includes\plugins\td-composer.zip
•includes\plugins\td-multi-purpose.zip
•includes\plugins\td-social-counter.zip
•includes\td_config.php
•includes\td_css_generator.php
•includes\wp_booster\wp-admin\css\panel\controls.less
•includes\wp_booster\wp-admin\css\panel\theme-panel-general.less
•includes\wp_booster\wp-admin\css\wp-admin.css
•includes\wp_booster\wp-admin\css\wp-admin.less
•mobile\includes\less_files\post.less
•mobile\style.css
•style.css
or added files?
New files – 17 files
•includes\demos\ink\demo_style.css
•includes\demos\ink\demo_style.less
•includes\demos\ink\pages\about-us.txt
•includes\demos\ink\pages\contact.txt
•includes\demos\ink\pages\footer-template.txt
•includes\demos\ink\pages\homepage.txt
•includes\demos\ink\pages\themes.txt
•includes\demos\ink\screenshot.png
•includes\demos\ink\td_css_generator_demo.php
•includes\demos\ink\td_import.php
•includes\demos\ink\td_media_1.php
•includes\demos\ink\td_media_2.php
•includes\demos\ink\td_media_3.php
•includes\demos\ink\td_media_4.php
•includes\demos\ink\td_media_5.php
•includes\demos\ink\td_media_6.php
•includes\demos\ink\td_panel_settings.txt
Hi everyone, i’m a complete beginner in term of coding.
I succesfully changed the background for every category with the help of this forum adding some custom css code but i didn’t find anything on changing the header size which i find too big.
I’d like to reduce the size of the header (don’t know if it’s the right name, i want to change the size of the place where the image is) and i did’nt find anything on the forum. i don’t if it’s because it’s too easy or just not possible.
Thx for the help.
Thx for your answers B.Bogdan!
Images:
I deleted those awfull beard man about 5 times so far, and its keep restored then.
I asked my hosting provider, they never heard of such a thing happend before, nor cPanel advisors…
Thats why I asked in the toppic, I want remove all demo content before I will install the next copy on the new server. Everything which is not necessary to the production,
-demo contents — including images and scripts
-unused functionsin function.php ( woocommerce, bbpress) I will not need them.
2.
the meta tag og:image I have a paid plugin wpsso and also the yoast ( switched off the opengraph meta tags ! )
I want remove the theme added og:image script the other one ( wpsso ) much more rich featured.
I removed from /mobile/functions.php – nothing happend still on
I removed from /include/wp-td-booster-functions.php – site crashed…
Tell me please how to disable and where.
Thank you very much.
Zoltan
About site speed: yes I am avare about a 4-6 seconds loading time from Europe ( the server in Miami, IOZoom.com ) and they can not do anything, so I move my stuff to a faster hosting provider ( probably ovh.co.uk ) .
But seriously 4-6 seconds loading – a 2 meg webpage shouldnt appear the default css settings at the first flash?!
Since I don’t want both lazy loading and zooming effect front page. I have already disabled lazy loading and set fade & scale using this guide https://www.screencast.com/t/Mg9EEOfkvDUu
If you disable them both only one them will work, separately disabling just 1 of them, it works.
Also I have no other plugins but TagDiv Composer installed.
I would appreciate a lot if you gave me a css or java script code of either zooming effect or lazy loading to disable one them manually. Because both disabled they don’t work, only 1 of them works.
Hi,
You can try to add this code in the theme panel custom css box:
.td-category-header .td-page-title{
text-transform:lowercase;
}
Thank you!
Hi,
First the row has to be split into three columns, then place blocks 14 in each column (limited to one post)
– https://www.screencast.com/t/LzEUm1nqv7
Next add block 9 below in each column (limited to four posts or not)
– https://www.screencast.com/t/45rqPUb93
Now the demo design should provide the final addition
– https://www.screencast.com/t/VlP7njbzv
This is the code used, enter it in Theme panel->Custom CSS section
– https://pastebin.com/cTzkugrR
If you want to customize the the font properties for the module used on the blocks, you can do that in the theme panel. This is a list mentioning what modules each block uses
– https://forum.tagdiv.com/theme-blocks-modules/
– https://forum.tagdiv.com/font-customization/
Thanks
Hi,
There is an issue with the responsive version of block 16, we are aware of this problem and it will be fixed in the next theme update. In the meantime as a quick fix, please enter this code in Theme panel->Custom CSS section it should fix the issue
– https://www.screencast.com/t/r7zU23th2
@media (max-width: 767px) {
.td_block_16 .td-block-row [class*="td-block-span"] {
float: left;
}}
Sorry for this inconvenience.
Thank you!
Hi,
1. A code like this will remove the author post count, in the author page
– https://www.screencast.com/t/REyecg72Z6W6
.td-author-page .td-author-post-count {
display: none;
}
Or you could remove it in the code directly (or through a child theme if used)
– https://www.screencast.com/t/SgBp0hFqpyCj
2. I could give you a CSS solution to style the block title similar to block header style 6, it would look like this
– https://www.screencast.com/t/cdOrdxzw
– https://pastebin.com/simQByEy
3. For the tag pages – https://www.screencast.com/t/mmAnUamqcl
– https://pastebin.com/dJHvL7CN
Thanks
Hello, does anyone know how to change the width of the panel without changing the css file? Is there any setting for it? The problem is that some fields are not seen at all. Thank u.
Hello Simon, Happy Holidays.
This is my site.
The current CSS of the Big Grid Full 3 is how I’d like my Block 14 to look like.
Basically:
I want my frontpage too look like nothing but Big Grid Full 3 with endless scrolling.
Hi,
1. I could give you a code to remove the post views. If you are using the mobile theme plugin enter the code in Theme panel->Mobile theme->Custom CSS, if the mobile theme is not used enter it in Theme panel->Custom CSS in the phones section
.single .td-post-views {
display: none;
}
2. The count will still continue in the background if you remove them as shown, only if they are disabled in the theme panel it will stop counting.
Thanks
