Translated with Google:
I would like to add a consent banner to the newspaper theme. I wanted to add this code under analytics / Java Script Code Box:
<! – Quantcast Choice. Consent Manager Tag v2.0 (for TCF 2.0) ->
<script type = “text / javascript” async = “true”>
(function () {
var host = window.location.hostname;
var element = document.createElement (‘script’);
var firstScript = document.getElementsByTagName (‘script’) [0];
var url = ‘https://quantcast.mgr.consensu.org’
.concat (‘/ choice /’, ‘6Fv0cGNfc_bw8’, ‘/’, host, ‘/choice.js’)
var uspTries = 0;
var uspTriesLimit = 3;
element.async = true;
element.type = ‘text / javascript’;
element.src = url;
firstScript.parentNode.insertBefore (element, firstScript);
function makeStub () {
var TCF_LOCATOR_NAME = ‘__tcfapiLocator’;
var queue = [];
var win = window;
var cmpFrame;
function addFrame () {
var doc = win.document;
var otherCMP = !! (win.frames [TCF_LOCATOR_NAME]);
if (! otherCMP) {
if (doc.body) {
var iframe = doc.createElement (‘iframe’);
iframe.style.cssText = ‘display: none’;
iframe.name = TCF_LOCATOR_NAME;
doc.body.appendChild (iframe);
} else {
setTimeout (addFrame, 5);
}
}
return! otherCMP;
}
function tcfAPIHandler () {
var gdprApplies;
var args = arguments;
if (! args.length) {
return queue;
} else if (args [0] === ‘setGdprApplies’) {
if (
args.length> 3 &&
args [2] === 2 &&
typeof args [3] === ‘boolean’
) {
gdprApplies = args [3];
if (typeof args [2] === ‘function’) {
args [2] (‘set’, true);
}
}
} else if (args [0] === ‘ping’) {
var retr = {
gdprApplies: gdprApplies,
cmpLoaded: false,
cmpStatus: ‘stub’
};
if (typeof args [2] === ‘function’) {
args [2] (retr);
}
} else {
queue.push (args);
}
}
function postMessageEventHandler (event) {
var msgIsString = typeof event.data === ‘string’;
var json = {};
try {
if (msgIsString) {
json = JSON.parse (event.data);
} else {
json = event.data;
}
} catch (ignore) {}
var payload = json .__ tcfapiCall;
if (payload) {
window .__ tcfapi (
payload.command,
payload.version,
function (retValue, success) {
var returnMsg = {
__tcfapiReturn: {
returnValue: retValue,
success: success,
callId: payload.callId
}
};
if (msgIsString) {
returnMsg = JSON.stringify (returnMsg);
}
event.source.postMessage (returnMsg, ‘*’);
},
payload.parameter
);
}
}
while (win) {
try {
if (win.frames [TCF_LOCATOR_NAME]) {
cmpFrame = win;
break;
}
} catch (ignore) {}
if (win === window.top) {
break;
}
win = win.parent;
}
if (! cmpFrame) {
addFrame ();
win .__ tcfapi = tcfAPIHandler;
win.addEventListener (‘message’, postMessageEventHandler, false);
}
};
if (typeof module! == ‘undefined’) {
module.exports = makeStub;
} else {
makeStub ();
}
var uspStubFunction = function () {
var arg = arguments;
if (typeof window .__ uspapi! == uspStubFunction) {
setTimeout (function () {
if (typeof window .__ uspapi! == ‘undefined’) {
window .__ uspapi.apply (window .__ uspapi, arg);
}
}, 500);
}
};
var checkIfUspIsReady = function () {
uspTries ++;
if (window .__ uspapi === uspStubFunction && uspTries <uspTriesLimit) {
console.warn (‘USP is not accessible’);
} else {
clearInterval …….
Unfortunately, the Newspaper Theme then no longer saves and there is an endless loading loop.
Are there still any with the problem?
also the More stories Box is displaying correctly if you have a monitor with a good resolution -> https://i.imgur.com/RqNgBnp.jpg if you want you can try this custom css
.td-more-articles-box {
width: 250px;
}
to reduce the More stories Box size. The code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Have a nice weekend!
Hi,
I just make a test with your video and for me is displaying correctly -> https://i.imgur.com/GIm2f5m.png settings on single post featured image -> https://i.imgur.com/3HeBQ6w.png results -> https://i.imgur.com/67X4Xtb.png -> https://i.imgur.com/hmGKBIp.png
make sure that you do not have any plugins that are interfering with the theme.
If the problem persists, you can try this custom css
.wpb_video_wrapper iframe {
width: 100%;
}
Let me know the results!
Hello !
Please use this css code: #td-outer-wrap {
margin:0px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
These extra links are add in these files:
-> wp-content/themes/Newspaper/font-newspaper.css on line 30
-> wp-content/themes/Newspaper/gutenberg-editor.css on line 1252 https://i.imgur.com/nSF4Pft.png
-> wp-content/themes/Newspaper/editor-style.css on line 1198 https://i.imgur.com/H9wUa0Z.png
-> wp-content/themes/Newspaper/style.css on line 5576 -> https://i.imgur.com/ooFN0oi.png
All these are @font-face if you do not use theme, then you can remove theme from theme.
Thank you!
Hello,
Thanks for finding out the problem, the CSS code you gave works fine 🙂
“The footer seems to be extended to the top of the content, in that page. That explains the black background color as well. The content the plugin inserts is displayed behind it.”
My question is:-
This issue doesn’t come when I use other themes, so are you going to fix this in the next update or this problem is coming from Dokan that needs to be fixed by the Dokan team?
Thanks!
-
This reply was modified 5 years by
TechieBraj.
-
This reply was modified 5 years by
TechieBraj.
Hi,
This https://prnt.sc/uew9ho is the bottom margin for the main menu, you can reduce it using tagDiv Composer and check the css tab -> https://i.imgur.com/Ddz5EMu.png or you can use a custom css like this one -> https://i.imgur.com/JgDbbIO.png
.td-business .td-header-desktop-wrap .tdb_header_menu{
margin-bottom: 8px;
}
The code can be set in theme panel> custom code> custom css.
Thank you!
Thank you the first option worked!
Interesting, I tried the custom css in Theme Panel > Custom Code https://prnt.sc/uf1huw but it only fixed the Safari web browser and not Chrome (I did not try Edge or Firefox).
Is it possible to add CSS and JS only for mobile themes excluding AMP? Actually, I have added CSS and custom JS to my child themes, however, those CSS and JS were not loading on mobile versions. So, I thought to add it on the Theme panel => Mobile Theme => Custom Code. This CSS applied both on Mobile + AMP (that’s not the problem), however, the js runs only on Mobile (not allowed on amp). This breaks the functionality of the code. So, is there any way to achieve it?
]
Hello !
Please use this css code: .single .td-category {
display:none;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
What you can do is to use tagDiv Composer and set for the main menu a z-index -> https://i.imgur.com/WaxeeqX.jpg or you can use this custom css -> https://i.imgur.com/6pVJ1Nk.png
.tdb_header_menu {
z-index: 998!important;
}
Hope this will help you!
Hi,
Usually this can be done using tagDiv Composer, select the text and in css tab add margin top “-35” -> https://i.imgur.com/nRPDQDb.png also you can set a different number.
Hope this will help you!
Hi salsero72, in order to be your mobile visible in every page, you need to make sure that you set the menu in header zone not in content zone -> https://i.imgur.com/o1s1QR5.png also you need to set it using tagDiv Composer on mobile version and on desktop version too, because these are two different header.
You can use css as you mentioned or you can use some font icons as in our guide from here -> https://forum.tagdiv.com/how-to-add-icons-in-menu/
Hope this will help you!
I’m having the same issue with woocommerce I just want the main shop page to be fullwidth. I have tried everything (CSS Code, theme panel, etc..) Nothing is working can you please help me. here is the link to the page I want fullwidth and sidebar removed. https://www.earoftruth.com/christian-clothing-apparel/
Hi! I wanted to do the same, but I believe the guidance is outdated now, since WordPress does not show CSS-classes option for menu items. Would you be able to update this thread?
Hello,
how can I add a new menu (or horizontal menu block) in every page?
When in mobile view, main menu becomes a hamburger icon, while Top Menu disappears.
I’d like to create a third menu to be displays under the header, and to make it visible in every page.
I created one and put it using composer and made it visible in mobile mode,
but obviously it is displayed in homepage only.
Secondly: I’d like to show icons instead of text for this menu only.
Should I use just css:before? and squeeze text or is there a config somewhere?
Thanks
Dear Staff!
Simon C. directed me here.
We have also an extrem cpu usage problem.
Previusly:
“Dear Tagdiv Staff!
We have a huge problem what must to solve please.
We have a news paper theme and it’s reached the maximum limit of server processor.
The entry process number reach the 2000 and more … this is an extremly number and the server has crashed many many times.
We switch off all plugins except Tagdiv composer and other Tagdiv plugins, but the processor usage don’t fall.
After we turn off the theme and change it to another, than the resource usage going down. The first time when we detect this problem the lastest newspaper update. Before, we haven’t got any big problem, but yet, it is horrible and haven’t any idea about the solution. There is the latest wordpress info:
### wp-core ###
version: 5.5.1
site_language: hu_HU
user_language: hu_HU
timezone: Europe/Budapest
permalink: /%year%/%monthnum%/%day%/%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 20
dotorg_communication: true
### wp-paths-sizes ###
wordpress_path: /home/muixhord/public_html
wordpress_size: loading…
uploads_path: /home/muixhord/public_html/wp-content/uploads
uploads_size: loading…
themes_path: /home/muixhord/public_html/wp-content/themes
themes_size: loading…
plugins_path: /home/muixhord/public_html/wp-content/plugins
plugins_size: loading…
database_size: loading…
total_size: loading…
### wp-dropins (1) ###
advanced-cache.php: true
### wp-active-theme ###
name: Newspaper (Newspaper)
version: 10.3.6.1
author: tagDiv
author_website: http://themeforest.net/user/tagDiv/portfolio
parent_theme: none
theme_features: core-block-patterns, post-formats, post-thumbnails, automatic-feed-links, html5, woocommerce, bbpress, align-wide, align-full, editor-font-sizes, editor-style, menus, widgets
theme_path: /home/muixhord/public_html/wp-content/themes/Newspaper
auto_update: Kikapcsolva
### wp-themes-inactive (1) ###
Twenty Twenty: version: 1.5, author: WordPress Magyarország Közösség,Auto-updates disabled
### wp-plugins-active (19) ###
a3 Lazy Load: version: 2.4.1, author: a3rev Software, Auto-updates disabled
Advanced Gutenberg: version: 2.4.5, author: Advanced Gutenberg, Auto-updates disabled
Async JavaScript: version: 2.20.03.01, author: Frank Goossens (futtta), Auto-updates disabled
Code Snippets: version: 2.14.0, author: Code Snippets Pro, Auto-updates disabled
Contact Form 7: version: 5.2.2, author: Takayuki Miyoshi, Auto-updates disabled
Disable Comments: version: 1.11.0, author: WPDeveloper, Auto-updates disabled
Insert Headers and Footers: version: 1.4.6, author: WPBeginner, Auto-updates disabled
LoginPress – Customizing the WordPress Login: version: 1.4.6, author: WPBrigade, Auto-updates disabled
Smash Balloon Instagram Feed: version: 2.4.6, author: Smash Balloon, Auto-updates disabled
Smush: version: 3.6.3, author: WPMU DEV, Auto-updates disabled
tagDiv Cloud Library: version: 1.5 | built on 10.08.2020 14:58, author: tagDiv, Auto-updates disabled
tagDiv Composer: version: 2.6 | built on 10.08.2020 14:58, author: tagDiv, Auto-updates disabled
tagDiv Social Counter: version: 4.7 | built on 10.08.2020 14:58, author: tagDiv, Auto-updates disabled
tagDiv Standard Pack: version: 1.0 BETA | built on 10.08.2020 14:58, author: tagDiv, Auto-updates disabled
W3 Total Cache: version: 0.14.4, author: BoldGrid, Auto-updates disabled
Webcraftic Hide login page: version: 1.1.1, author: Webcraftic <wordpress.webraftic@gmail.com>, Auto-updates disabled
WP-Optimize – Clean, Compress, Cache: version: 3.1.2, author: David Anderson, Ruhani Rabin, Team Updraft, Auto-updates disabled
WP User Avatar: version: 2.2.7, author: ProfilePress, Auto-updates disabled
Yoast SEO: version: 14.9, author: Team Yoast, Auto-updates disabled
### wp-plugins-inactive (2) ###
Classic Editor: version: 1.6, author: WordPress Contributors, Auto-updates disabled
Health Check & Troubleshooting: version: 1.4.5, author: The WordPress.org community, Auto-updates disabled
### wp-media ###
image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1802
imagemagick_version: ImageMagick 7.0.10-10 Q16 x86_64 2020-07-09 https://imagemagick.org
file_uploads: File uploads is turned off
post_max_size: 8M
upload_max_filesize: 2M
max_effective_size: 2 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 125 GB
imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
imagick::RESOURCETYPE_FILE: 12288
imagick::RESOURCETYPE_MAP: 125 GB
imagick::RESOURCETYPE_MEMORY: 63 GB
imagick::RESOURCETYPE_THREAD: 1
gd_version: 2.2.5
ghostscript_version: 9.25
### wp-server ###
server_architecture: Linux 3.10.0-962.3.2.lve1.5.36.el7.x86_64 x86_64
httpd_software: Apache
php_version: 7.4.9 64bit
php_sapi: cgi-fcgi
max_input_variables: 1000
time_limit: 10
memory_limit: 512M
max_input_time: -1
upload_max_filesize: 2M
php_post_max_size: 8M
curl_version: 7.62.0 OpenSSL/1.0.2k
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true
### wp-database ###
extension: mysqli
server_version: 10.2.33-MariaDB-log-cll-lve
client_version: mysqlnd 7.4.9
### wp-constants ###
WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/muixhord/public_html/wp-content
WP_PLUGIN_DIR: /home/muixhord/public_html/wp-content/plugins
WP_MAX_MEMORY_LIMIT: 512M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: true
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_LOCAL_DEV: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined
### wp-filesystem ###
wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
So we tried many many solution, but it didn’t works. Last we made a new wordpress and reinstall the theme and the TD components, than the cpu usage also going up extremly, becuse there isn’t any visitor, post, picture, pagination in this site.
many thanks for your help!
Hi,
I think that is set automatically, it could be increased with some CSS maybe. try something like his for example, and check how it works
.td-is-sticky .wpb_wrapper {
top: 110px!important;
}
Thank you!
Hi,
I see the problem now. The footer seems to be extended to the top of the content, in that page. That explains the black background color as well. The content the plugin inserts is displayed behind it. Try this code in the custom CSS section
.content-area .site-main {
display: inline-block;
}
Thank you!
Hi,
With a setting that is not possible at the moment, you could try this code to make it fixed
.td-header-wrap {
position:static!important;
}
Enter that in the mobile theme CSS section, and check if it works correctly. If there are issues let me know.
Thank you!
Dear Team
i just purchased Newspaper X themm but when i downloaded and started to upload in my wordpress website it is showing this error. please solve it asap and give me proper solution
Error Blow
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
My Site url: http://www.govtjobsguru.co.in
When I sticky an inner column, the top of the element hides behind the header menu sticky that drops down. It seems on scroll that the theme sets the CSS for the element to position: fixed; top: 20px but I’d like that top value to be much larger, perhaps 110px. How can I do that?
Dear Tagdiv Staff!
We have a huge problem what must to solve please.
We have a news paper theme and it’s reached the maximum limit of server processor.
The entry process number reach the 2000 and more … this is an extremly number and the server has crashed many many times.
We switch off all plugins except Tagdiv composer and other Tagdiv plugins, but the processor usage don’t fall.
After we turn off the theme and change it to another the resource usage going down. The first time when we detect this problem the lastest newspaper update. Before, we haven’t got any big problem, but yet, it is horrible and haven’t any idea about the solution. There is the latest wordpress info:
### wp-core ###
version: 5.5.1
site_language: hu_HU
user_language: hu_HU
timezone: Europe/Budapest
permalink: /%year%/%monthnum%/%day%/%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 20
dotorg_communication: true
### wp-paths-sizes ###
wordpress_path: /home/muixhord/public_html
wordpress_size: loading…
uploads_path: /home/muixhord/public_html/wp-content/uploads
uploads_size: loading…
themes_path: /home/muixhord/public_html/wp-content/themes
themes_size: loading…
plugins_path: /home/muixhord/public_html/wp-content/plugins
plugins_size: loading…
database_size: loading…
total_size: loading…
### wp-dropins (1) ###
advanced-cache.php: true
### wp-active-theme ###
name: Newspaper (Newspaper)
version: 10.3.6.1
author: tagDiv
author_website: http://themeforest.net/user/tagDiv/portfolio
parent_theme: none
theme_features: core-block-patterns, post-formats, post-thumbnails, automatic-feed-links, html5, woocommerce, bbpress, align-wide, align-full, editor-font-sizes, editor-style, menus, widgets
theme_path: /home/muixhord/public_html/wp-content/themes/Newspaper
auto_update: Kikapcsolva
### wp-themes-inactive (1) ###
Twenty Twenty: version: 1.5, author: WordPress Magyarország Közösség,Auto-updates disabled
### wp-plugins-active (19) ###
a3 Lazy Load: version: 2.4.1, author: a3rev Software, Auto-updates disabled
Advanced Gutenberg: version: 2.4.5, author: Advanced Gutenberg, Auto-updates disabled
Async JavaScript: version: 2.20.03.01, author: Frank Goossens (futtta), Auto-updates disabled
Code Snippets: version: 2.14.0, author: Code Snippets Pro, Auto-updates disabled
Contact Form 7: version: 5.2.2, author: Takayuki Miyoshi, Auto-updates disabled
Disable Comments: version: 1.11.0, author: WPDeveloper, Auto-updates disabled
Insert Headers and Footers: version: 1.4.6, author: WPBeginner, Auto-updates disabled
LoginPress – Customizing the WordPress Login: version: 1.4.6, author: WPBrigade, Auto-updates disabled
Smash Balloon Instagram Feed: version: 2.4.6, author: Smash Balloon, Auto-updates disabled
Smush: version: 3.6.3, author: WPMU DEV, Auto-updates disabled
tagDiv Cloud Library: version: 1.5 | built on 10.08.2020 14:58, author: tagDiv, Auto-updates disabled
tagDiv Composer: version: 2.6 | built on 10.08.2020 14:58, author: tagDiv, Auto-updates disabled
tagDiv Social Counter: version: 4.7 | built on 10.08.2020 14:58, author: tagDiv, Auto-updates disabled
tagDiv Standard Pack: version: 1.0 BETA | built on 10.08.2020 14:58, author: tagDiv, Auto-updates disabled
W3 Total Cache: version: 0.14.4, author: BoldGrid, Auto-updates disabled
Webcraftic Hide login page: version: 1.1.1, author: Webcraftic <wordpress.webraftic@gmail.com>, Auto-updates disabled
WP-Optimize – Clean, Compress, Cache: version: 3.1.2, author: David Anderson, Ruhani Rabin, Team Updraft, Auto-updates disabled
WP User Avatar: version: 2.2.7, author: ProfilePress, Auto-updates disabled
Yoast SEO: version: 14.9, author: Team Yoast, Auto-updates disabled
### wp-plugins-inactive (2) ###
Classic Editor: version: 1.6, author: WordPress Contributors, Auto-updates disabled
Health Check & Troubleshooting: version: 1.4.5, author: The WordPress.org community, Auto-updates disabled
### wp-media ###
image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1802
imagemagick_version: ImageMagick 7.0.10-10 Q16 x86_64 2020-07-09 https://imagemagick.org
file_uploads: File uploads is turned off
post_max_size: 8M
upload_max_filesize: 2M
max_effective_size: 2 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 125 GB
imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
imagick::RESOURCETYPE_FILE: 12288
imagick::RESOURCETYPE_MAP: 125 GB
imagick::RESOURCETYPE_MEMORY: 63 GB
imagick::RESOURCETYPE_THREAD: 1
gd_version: 2.2.5
ghostscript_version: 9.25
### wp-server ###
server_architecture: Linux 3.10.0-962.3.2.lve1.5.36.el7.x86_64 x86_64
httpd_software: Apache
php_version: 7.4.9 64bit
php_sapi: cgi-fcgi
max_input_variables: 1000
time_limit: 10
memory_limit: 512M
max_input_time: -1
upload_max_filesize: 2M
php_post_max_size: 8M
curl_version: 7.62.0 OpenSSL/1.0.2k
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true
### wp-database ###
extension: mysqli
server_version: 10.2.33-MariaDB-log-cll-lve
client_version: mysqlnd 7.4.9
### wp-constants ###
WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/muixhord/public_html/wp-content
WP_PLUGIN_DIR: /home/muixhord/public_html/wp-content/plugins
WP_MAX_MEMORY_LIMIT: 512M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: true
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_LOCAL_DEV: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined
### wp-filesystem ###
wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
I cannot edit custom CSS when Yoast is enabled. I get a JS error in the console when loading the composer:
tagdiv-theme-plugins-setup.js?ver=10.3.6.1:237 Uncaught TypeError: Cannot read property 'registerPlugin' of undefined
at tagdiv-theme-plugins-setup.js?ver=10.3.6.1:237
at dispatch (jquery.js?ver=1.12.4-wp:3)
at r.handle (jquery.js?ver=1.12.4-wp:3)
Doing a little debugging, YoastSEO is an object, but has no properties, including the app property so this line fails:
YoastSEO.app.registerPlugin( 'tdYoastSEOPlugin', {status: 'loading'} );
If I deactivate Yoast, it works fine. Any thoughts?
Hi,
I want to create an editor-style.css for my child theme that doesn’t get affected whenever I update the main Newspaper theme.
Is creating the editor-style.css file in my child theme folder enough? Or do I need to do anything else?