Hi,
You could try loading your own fonts in the theme panel and disable Google fonts in the theme, from what I can find online that might work. Or maybe load them in the theme header directly (with CSS font-face or import) and then apply them as well with CSS.
Here are some resources I found online, maybe they are helpful
– https://coffeencoding.com/load-google-fonts-5x-faster-in-wordpress/
– https://stackoverflow.com/questions/54277912/ensure-text-remains-visible-during-webfont-load-not-getting-resolved-in-google-p
– https://css-tricks.com/snippets/css/using-font-face/
– https://developers.google.com/web/updates/2016/02/font-display
Thanks
Hi,
You can change the title for the latest articles section, in it’s settings. Edit the respective page with the composer and access the page settings
– http://prntscr.com/o799e5 – http://prntscr.com/o799h4
The business demo contains a customization for all the block titles, the top line that you mention is one of them. By default that block header template (template 11) looks like this
– https://demo.tagdiv.com/newspaper/block-header-11/
I can provide a code that will make it look like in the demo. First you must use block header template 11, then enter this code in the Theme panel custom CSS section
.td_block_template_11 .td-block-title:after {
height: 1px;
}
.td_block_template_11 .td-block-title:before {
display: none;
}
So for example, set the template in the theme panel – http://prntscr.com/o7a1id
Then enter the code, and the result will be as in the demo – http://prntscr.com/o7a1ri
If you have more questions, let me know.
Thanks
Hi,
If you want to remove/hide the sticky menu, you need to edit the header template with tagDiv Composer, click on the sticky menu, click on the css tab -> https://www.screencast.com/t/T3TJ2hvJlD and check the display option, set it on hidden -> https://www.screencast.com/t/D57O79FFainD save the template and clear all cache.
Hope this will help you!
Thanks.
Hi,
So if I understand correct you want to achieve something like this -> https://www.screencast.com/t/PqaDoeDyO if is so then you can achieve this using the header manager you need to set one header with the specific image for each category.
Or it can be possible to achieve this with custom css -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
Thank you!
Hi,
So you are using a plugin ( Custom Post Type UI); unfortunately, we did not tested this plugin with our theme and therefore, we cannot say for sure if it will work or not as expected with the theme, sorry!
Usually, if you have a custom post type this will be show in Newspaper > Theme panel > CPT & Taxonomy https://www.screencast.com/t/TbJxdWypW also you can check our documentation for Custom Post Type Support https://forum.tagdiv.com/custom-post-type-support/ but notice that since Newspaper v9.7 most of the files was moved in tagDiv Composer plugin and the child theme will only support the function.php and style.css you can read more about this here -> https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Thank you for your understanding!
Hi,
So you are using a plugin ( Pods ) to create custom post types and you want to show them in author (user) pages, unfortunately, we did not tested this plugin with our theme and therefore, we cannot say for sure if it will work or not as expected with the theme, sorry!
Usually, if you have a custom post type this will be show in Newspaper > Theme panel > CPT & Taxonomy https://www.screencast.com/t/TbJxdWypW also you can check our documentation for Custom Post Type Support https://forum.tagdiv.com/custom-post-type-support/ but notice that since Newspaper v9.7 most of the files was moved in tagDiv Composer plugin and the child theme will only support the function.php and style.css you can read more about this here -> https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Thank you for your understanding!
Hi – I’ve added the Custom CSS code but it’s still not showing up on mobile.
Hi Calin,
I did that, but it is still showing:
Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. Learn more. See: https://developers.google.com/web/updates/2016/02/font-display?utm_source=lighthouse&utm_medium=devtools
Potential time saving could be up to 3 sec.
Any other suggestions?
The problematic font file is this one: icons/newspaper.woff?16
Hello,
I have recently replaced my old theme with newspaper, but I have several problems with saving the theme settings. When I try to save the custom css or the activation code (for example) the browser starts running without stopping. Looking at the resources I noticed this message from the browser: – Failed to load resource: the server responded with a status of 400 (Bad Request) – and the link is https://mydomain.com/wp-admin/admin-ajax .php? td_theme_name = Newspaper & v = 9.7.3
Thank you for your help
D.
Hi,
I do not quite understand what category in the footer menu are you referring, if is this -> https://www.screencast.com/t/E8DZnMXywB then you remove the numbers only using custom css like this -> https://www.screencast.com/t/clbL3wPB
.td-footer-wrapper .td-cat-no{
display: none;
}
If is not this what you mean, please provide some more details and some screenshots.
Thank you!
Hi,
I’d like to ask you how I can change H2, H3, H4 style with CSS code settings.
I have changed from my previous theme which I have set as below CSS code:
.entry-content h2{
color:#243042;
padding: .8em 0 .8em .8em;
}
.entry-content h4{
padding: .3em 0 .3em .8em;
background: #e8e8e8;
}
However, this is not working in this theme.
Could you please tell me which CSS code can work?
Or I’d like to change like:
h1 {
background: #c2edff;/
padding: 0.5em;/
}
Thank you.
Hi,
For amp logo, you can add this custom css and the logo will have the normal size -> https://www.screencast.com/t/IRR8SCLyU
.td-main-menu-logo amp-img img {
width: 100%;
}
-> https://www.screencast.com/t/UEdtyvUmTm
In order to clear AMP cache that Google please check this article -> https://developers.google.com/amp/cache/update-cache
Thank you!
Hi,
I believe I know what the problem is. Due to an issue that happened after the 9.7.3 update, the arrows indicating a drop-down menu in the mobile menu are invisible. They are there but invisible.
There is a quick fix for it, until permanently fixed in the next theme update. Please enter this code in the theme panel custom CSS section
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
Then they should be visible – http://prntscr.com/o6tarj – http://prntscr.com/o6tcxt
Sorry for this inconvenience.
Thanks
Hi,
I understand the problem, I mentioned that this is not how it is supposed to display.
After investigating the problem seems that IE doesn’t support a few CSS properties in the mega-menu design, has some limitations on that part.
Please try to enter this code in the theme panel->custom CSS section, then clear the cache and check again. Should be fixed after doing so – http://prntscr.com/o6remi
Here is the code
.ie8 .tdb_module_header .td-image-container,
.ie9 .tdb_module_header .td-image-container,
.ie10 .tdb_module_header .td-image-container,
.ie11 .tdb_module_header .td-image-container {
height: auto;
flex: initial;
}
Regarding the second question, as far as I know the menu cannot be navigated with the keyboard. Let us know if the code works, also if you have more questions.
Thanks
I try to upload the theme but I get a message error:
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Hi SImion,
There are two sections there the top and one that says raw paste data? Are they both required? They both go in custom css section
Hi,
If you do not want to have this css on feature image then please replace the above css with this one:
.single .td-post-content p img {
border: 1px solid gray;
padding: 15px;
}
Hope this is what you need!
Thanks.
How to correctly implement @font-face{font-display:swap} ?
It was advised to me (by a website speed expert) to add “font-display:swap” where it says @font-face
So that text can be displayed until the font loads.
After implementing this in the font-newspaper.css file see: https://tinyurl.com/y3j2gjge, it is however not working (after saving and clearing cache it won’t show in the front-end inspection code, also adding it in the custom CSS area of the theme did not do the trick).
Google Lighthouse test still says: “Ensure text remains visible during webfont load”
pointing to the file/loading at …icons/newspaper.woff?16
Please advise how to implement “font-dispaly: swap” correctly.
Thank you
Hi,
Indeed there seams to be a problem, there is set from google amp an inline style -> https://www.screencast.com/t/duWMf3kaxAU this should be 0 not 32 -> https://www.screencast.com/t/6dWtG7tScd2 we’ll try to find a way to fix this problem for the coming updates.
As a quick fix you can try this custom css
-> https://www.screencast.com/t/uYL9Bkm4RhBe
.td-menu-background{
background-position: center top!important;
position: fixed!important;
top: 0!important;
}
.td-mobile-content{
padding: 20px 20px 0;
}
The code need to be set in Theme Panel>Mobile Theme>Custom code> Css
Thank you for your understanding and sorry for the inconvenience!
Hi,
I tried to create a code for this, as it is not possible by default (unless a cloud header template is used).
Based on the current header style the website uses, a code like this should work as needed
– https://pastebin.com/WwPAErrv
The code can be entered in the theme panel custom CSS section, clear the cache after entering it.
Thanks
Hi, is there a custom CSS wich could help me determine the exact distance between two menu items. I’d like to make it narrower to help with long and numerous menu items (I’ve already changed the font size).
Hi,
You could try this solution
-> https://www.screencast.com/t/nhov88jSu you need to set this code in each module where you want to have the subtitle with link on int to the post.
You can get the code from here ; but notice that you need to make those changes after each update, because since Newspaper v9.7 the child theme is working only for the functions.php and style.css files.
We wrote an article on the subject here: https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Thank you for your understanding!
Hi,
Disabling CSS and JS minification will help you.
Hi,
I am new to wordpress, html and css, so I hope that someone can help me with my questions.
my website’s main page is: http://www.maxfreights.com, everything seems to be working fine but all my post pages http://www.maxfreights.com/about-us do not load all of the CSS images. I do not know how to troubleshoot and what to do, feeling lost. Thank you.
Hi,
No, the ads comes from Theme panel> Ads> Header ad -> https://www.screencast.com/t/AFZ4mOYBrsB1 all you need to do is to disable it for mobile/phone -> https://www.screencast.com/t/8HzLPGy0EO
Header ads -> https://forum.tagdiv.com/header-ads-adsense/
Also please use this code to show the arrows on mobile menu -> https://www.screencast.com/t/BD00x3OFBhrQ
.td-mobile-content .td-icon-menu-right {
display: block;
}The code need to be set in Theme panel> Custom code> Custom css
Thank you!
