Hello,
Sorry to get back so late on this following code
.td_block_12 .td-module-title {
position: relative;
top: 50px;
}
When i use this CSS, it works fine on the desktop but on the mobile device it pushes the titles at the bottom. Seems like there should be a restriction for the CSS not to execute on the mobile phones or limit it to execute only on the desktops.
http://prntscr.com/kayrxd
Hi dear,
I give the content (H1-H2-H3) titles to my site. When I do an SEO analysis, he sees all the headlines I enter as H3. Can you fix this?
You also have problems with CSS and JS in the site speed and SEO tests, you can also fix them?
Check out
https://sitechecker.pro/seo-report/https://www.sanatgalerisi.com.tr
https://wmaraci.com/seo-analiz
Site name: http://www.sanatgalerisi.com.tr
Hi,
I could give you a code for that, I see that the logo is not loading currently on your website try to re-upload it
– https://www.screencast.com/t/0ENlKTGbW2
The code would be like this, it should make the header look permanently like in sticky mode. It can be entered in Theme panel->Custom CSS
.td-header-style-6 .td-header-menu-wrap-full {
height: 48px!important;
}
.td-header-style-6 .sf-menu > li > a, .td-header-style-6 .header-search-wrap #td-header-search-button .td-icon-search {
line-height: 48px;
}
.td-header-style-6 .td-main-menu-logo img,
.td-header-style-6 .td-main-menu-logo a {
max-height: 48px;
}
Thanks
Hello,
I had made two custom modules, editing the td config file directly. Upon updating the theme I quickly found out I should have used the theme api plugin to avoid having everything erased. However I can’t get it to work.
I followed the tutorial offered on the site, creating the td-api-plugin folder and php file.
The php file includes following text, do I need to alter the $this->plugin_url and $this->plugin_path ?
If so how would I need to do this.
I am working with a newspaper-child theme and the address of the site is currently v2.enola.be,
which will change in the future to http://www.enola.be so I want to be prepared for that too.
thanks for your kind assistance
Nick
<?php
/*
Plugin Name: td-api-plugin
Plugin URI: http://tagdiv.com
Description: tagDiv API plugin
Author: tagDiv
Version: 1.0
Author URI: http://tagdiv.com
*/
class td_api_plugin {
var $plugin_url = '';
var $plugin_path = '';
function __construct()
{
$this->plugin_url = plugins_url('', __FILE__); // path used for elements like images, css, etc which are available on end user
$this->plugin_path = dirname(__FILE__); // used for internal (server side) files
add_action('td_global_after', array($this, 'hook_td_global_after')); // hook used to add or modify items via Api
}
function hook_td_global_after() {
//Add new modules
td_api_module::add('td_module_20',
array(
'file' => $this->plugin_path . "/includes/modules/td_module_20.php",
'text' => 'Module 20',
'img' => $this->plugin_url . '/images/panel/modules/td_module_20.png',
'used_on_blocks' => array('td_block_25'),
'excerpt_title' => 30,
'excerpt_content' => 50,
'enabled_on_more_articles_box' => false,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap td-animation-stack',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
td_api_module::add('td_module_21',
array(
'file' => $this->plugin_path . "/includes/modules/td_module_21.php",
'text' => 'Module 21',
'img' => $this->plugin_url . '/images/panel/modules/td_module_21.png',
'used_on_blocks' => array('td_block_21'),
'excerpt_title' => 15,
'excerpt_content' => '',
'enabled_on_more_articles_box' => true,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
}
}
new td_api_plugin();
Hi,
Maybe they could be removed with CSS only for the homepage. The same footer and it’s content will be displayed in the whole website, a setting to specify exceptions does not exist.
There is an empty page template that can be used for pages, this will not display the footer for the page where it is used, but that will not show the header as well.
A code like this will hide the whole footer only on the homepage for example
– https://www.screencast.com/t/4s1avfKH6v
.home .td-footer-wrapper {
display: none;
}
It seems to appear right below this ad – https://www.screencast.com/t/wBxKcAIO
It is invisible because of some CSS positioning it outside of the actual page, but it still loads.
From what I can find online this could be a type of malware that infected the website
– https://stackoverflow.com/questions/42901355/malicious-text-appears-in-all-pages-and-posts-how-do-i-get-rid-of-it
– https://wordpress.org/support/topic/known-javascript-malware-details-httpsucuri-netmalwareentrymwspamseos/
Users with a similar issue in those topics mention that a plugin might be the cause downloaded from various sources. You could try to deactivate them all, leave only theme plugins active. Then if you have caching, clear it. Check if the text still displays in the AMP page for example.
Hi,
I have put some widgets on the footer bar (Footer1, Footer2, Footer3). I don’t want these Footer bars to appear on the homepage. I only want them to appear elsewhere such single post, pages etc.
How can I do it with the help of some CSS or any other way?
Hi,
Indeed there seems to be an issue with the search icon line-height when the menu is sticky. Please enter this code in the Theme panel->Custom CSS section
.td-header-menu-wrap.td-affix #td-header-search-button .td-icon-search:before {
line-height: 48px!important;
}
Then check the search position when the header menu is sticky again. Let me know.
I will add this on our list and it will be fixed.
Thanks
Fantastic, thank you, the custom css worked!
Hi,
I was suggesting with CSS, hide the images and maybe also reduce the height of the menu
– https://www.screencast.com/t/uxOXmWQ0QuQ
.td_mod_mega_menu .td-module-thumb {
display: none;
}
.td-mega-menu .td-mega-row {
height: 114px;
}
No option in the theme panel would allow a similar result. This code would be the easiest way top do something like this.
Hello Alejandro1,
If you want to use a bit of CSS code to change the AMP style page, please edit here -> https://www.screencast.com/t/vIUHFAbD6uRH There’s no option for custom CSS code for AMP version, sorry! You need to follow the above advice if you want to customize your AMP version.
Hope this helps!
Thanks for your understanding!
Hi,
That is quite a sub-menu. The mobile sub-menu has a limit but not of actual category number, but a height limit. I could give you a code to modify that height (original is 2000px) to a higher value, 5000px max-height would be enough
– https://www.screencast.com/t/m3ylD66dObBg
Enter the code in Theme panel->Custom CSS section
.td-mobile-content .td-sub-menu-open>ul {
max-height: 5000px;
}
Thanks
Sorry for my english.
I need to add custom css to amp version. I prefer do it editing functions.php
I can do it editing files into plugin, but I lose this changes if there is an update.
Thanks.
Before pictures are loaded there is a grey background…
I remember there was a custom CSS or a picture-file that could be changed to e.g. my magazines logo instead of the grey background. Or am I wrong?
Good to hear @simion. One last question, how do the new cloud library post templates recognise most viewed posts e.g. in 7 days? In the default templates, I had enabled the feature but hid it with CSS.
Hi,
1. The unique thing about the black demo is the extensive design created to make it black. Since this not possible with theme settings most elements were colored with CSS. You could modify the demo stylesheet if you want to modify some aspects of the demo
– https://www.screencast.com/t/jIeOStTdu1qg
2. What exactly are you referring to? I don’t quite understand what you mean. If you are referring to the website address please check here
– https://codex.wordpress.org/Changing_The_Site_URL
3. There is a simple gallery for pictures, it can be used in pages as well (through a text element)
– https://forum.tagdiv.com/gallery-2/
– https://demo.tagdiv.com/newspaper/td-post-aston-villa-beat-liverpool-to-join-arsenal-in-the-fa-cup-final/
4. A general width setting does not exist, you can stretch rows or use full width grids. There are full width elements to be placed in pages, like grids
– https://demo.tagdiv.com/newspaper/full-big-grid-1/ (10 types of full width grids)
Rows in pages can be stretched – https://www.screencast.com/t/LjPxJ1iLIIz
Header and Footer elements – https://www.screencast.com/t/HgtsNIs1
There are also multi-purpose elements in the tagDiv composer, you could check them out.
5. There is a news ticker element in the tagDiv composer, it looks like this
– https://demo.tagdiv.com/newspaper/news-ticker/
Thanks
Hi,
In the subcategory “7 days popular” from the drop-down menu in every category page there are no posts that appear, is there any way I can fix this or any way I can just disable this category with css? Thanks!
that is because you have no top menu. That code targets the top menu. you only have the main menu. in this case, use this css:
.tdm-header-style-2 .td-header-menu-wrap-full{
border-bottom: 5px solid lightgrey;
}
Thanks.
Hi,
The js the theme serves is already minified, you could minify the CSS with an online tool for example, or as mentioned in this topic
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
There are many topics in this forum concerning website optimization, you could search for some and take a look. They might be helpful for you as well.
Hello,
Sorry but the sign in/join element cannot be moved to any other location. You can try to hide it with css for mobiles though as there is already a login widget inside the main mobile menu.
@media(min-width:767px){
.td-login-modal-js{
display:none!important;
}
Thank you!
Hi,
I would suggest that you carefully check the custom CSS you used for the modifications. Without it the category page would look like this
– https://www.screencast.com/t/GLsHU5WSBGMv
The CSS you used is the cause of the problem. Remove it or modify it if possible.
Hello,
The product pages are created by woocommerce as well as the woocommerce category pages. However they should not be stretched to full width. Here is how they should look like:
https://demo.tagdiv.com/newspaper_tech/product/woo-logo-3/
and the product category: https://demo.tagdiv.com/newspaper_tech/product-category/posters/
On your end, there could be css interfering with the design.
Please try to disable all plugins except the tagdiv composer and woocommerce and clear all cache. Then test the pages again.
Thanks.
hello,
You an add this code in your theme panel-> custom css box to change the color:
.td-black .td-main-content-wrap, .td-black .post{
background-color: #000000;
}
Thanks.
Thanks for the reply, Bogdan. I added that to Custom CSS, but I’m not seeing the top border.
https://www.vitalthrills.com/2018/07/22/penelope-ann-miller-riverdale/
Hi,
The missing option would have a simple explanation, you are using an older theme version than when the option was introduced
– https://themeforest.net/item/newspaper/5489609 (changelog at the bottom of page)
– https://www.screencast.com/t/axu4iVseE
I believe the option was also related to the current GDPR laws. I assumed you were using the latest theme version.
If you could provide a link to your website and mention the elements I should inspect I will take a look.
The facts are like this, if you want to disabled Google fonts update the theme first. After you disable them, the theme will not load any Google fonts anymore.
There are currently 3 custom font upload fields. I believe that will be increased to 5 in the coming update/updates. If these are not sufficient, then the better option between those I presented above would be to load the fonts with font face
– https://css-tricks.com/snippets/css/using-font-face/
– https://premium.wpmudev.org/blog/custom-fonts-css/
Thanks
