- NewspaperHeader Builder
- NewspaperHeader ads
- NewspaperHeader styles
- NewspaperSearch setup for custom post type
- NewspapertagDiv Composer – Website Manager
- NewspaperBookmark – Save For Later
- NewspaperWooCommerce: Happy “Add to Favorites!”
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperPosts Loop Element
- NewspaperHow to Add a Logo in Newspaper
- NewspaperDefault Category Settings
- NewspaperWhen tagDiv Composer is Not Working
- NewspapertagDiv Cloud Library Plugin
- NewspapertagDiv Composer Tutorial
- NewspaperUsing the Theme Translations with WPML
- NewspaperInstagram in Newspaper WordPress Theme
- NewspaperWeather Shortcode
- NewspaperThe Mobile Theme
- NewspaperLogin – How to Enable User Registration
Hello, i would like to know what is the best way to load the specified fonts regarding the language i want. For example, Greek will load Open Sans, Russian will load Montserrat, Turkish will load Montserrat, etc.. I’m using this way in my website, but it seems that when i change page , different from the homepage it doesn’t load the fonts i have uploaded to my server and seems to have an error 404. In this image (https://snag.gy/jTSc1q.jpg) is where my style-sheet css is located, in which there are the @font-face rules for each css file. I have the following code in my header section
<head>
<?php if(ICL_LANGUAGE_CODE == ‘en’){ ?>
<link rel=’stylesheet’ href=’wp-content/themes/fonts/stylesheet.css’ type=’text/css’ media=’all’ />
<?php } elseif(ICL_LANGUAGE_CODE == ‘ru’){ ?>
<link rel=’stylesheet’ href=’wp-content/themes/fonts/stylesheet.css’ media=’all’ />
<?php } elseif(ICL_LANGUAGE_CODE == ‘tu’){ ?>
<link rel=’stylesheet’ href=’wp-content/themes/fonts/stylesheet.css’ type=’text/css’ media=’all’ />
<?php } elseif(ICL_LANGUAGE_CODE == ‘el’){ ?>
<link rel=’stylesheet’ href=’wp-content/themes/fonts/stylesheet.css’ type=’text/css’ media=’all’ />
<?php } ?>
</head>
and after that i have some extra css in my theme panel which says for all the td-rows load the fonts, so that i overwrite existing fonts , that maybe are initialized by default.
.td-header-row {font-family:’Montserrat’;}
:lang(el) {font-family:’Comfortaa’;}
:lang(zh-Hant) {font-family:’source-han-sans-traditional’;}
:lang(ru) {font-family:’Montserrat’;}
:lang(tr) {font-family:’Montserrat’;}
:lang(en) {font-family:’Montserrat’;}
Do you have any better suggestion?
Hi,
If that is the header menu, the theme has an option to change the color for all the menu at once, background and text color
– https://www.screencast.com/t/DS1QOaNV
Coloring them individually would be possible with CSS however. This would be a similar topic
– https://forum.tagdiv.com/topic/how-to-move-menu-items/
Also a browser inspector tutorial here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help, please provide a link to your website and mention how exactly you want the menu items to look.
Thanks
Hello Catalin,
how can I update a child theme? I thought it’s enough when I use an updated parent theme – there I use the current version.
If I deactivate the child theme, the AMP-version of tagDiv is still faulty. It seem that It display the standard header among other errors (like the amp-version will not open autmatically when you surf mobile).
I would be very happy if you help cause I will be in a few days in vacation and don’t want to lost my SEO-Ranking and also visitors.
Thank you!
Simon
The code will simply reduce the font size and also a little from the margin of the menu items, when the width is getting smaller, it may need modifications.
But it seems you also have additional code that applies to the header menu. On mobile it looks like this for me at the moment
– https://www.screencast.com/t/VzQ336hvFa
Use CSS carefully, or it will break the design. Use the Advanced CSS sections to enter code to affect specific devices only. I don’t know exactly what you want to do with the header menu, how you want it to look.
There is currently an ad present in that location from what I can see
– https://www.screencast.com/t/9h4XSxSjLhc9
On mobile that is where the header ad is displayed when using header style 1.
Hi pcservis,
I am not sure if I understand correctly but to solve issue 2 I just installed the latest update. Now the header is displayed correctly.
For issue 1 please refer to my previous posts. From what I have figured out so far the wrong image size only appears in Firefox and on high resolution displays (1920×1080 px). It looks fine on any resolution below that. For this I still don’t have a solution…
Update: I deactivate all plugins (except the AMP Plugin), clear the cache, but it still not working.
When I inspect the site it seems that it will be play out the false id’s and classes as it should.
The header is incorrect, the icons are missing, the more article section is faulty and the footer is also not correct. Also when you surf online you won’t be hand off to the amp version as it should.
Please can you help me to fix the problem. It already seems that I lost in Google Ranking.
Thank you.
Hi,
Followed all the steps and both guides and ran into numerous problems…
When I deleted every plugin and reinstalled the tagdiv plugins, I kept getting the ‘no valid headers’ error for every plugin, so I installed them manually. When I downloaded the social counter plugin and went to the widget tab to enter my social media accounts and save, it keeps disappearing (as if I never installed it). This is happening with all tagdiv plugins. Every other plugin has been deleted.
I have to go back to 8.5 again, but again the social counters won’t show up on the homepage. IS there any update soon that can provide a fix for this. I’ve had this issue for months now and I’ve reinstalled the theme and plugins so many times now I can’t count.
Thanks for you continued help.
FM
Hello,
I’ve had this problem on my main site for a couple of months now. I’ve come back to try working on it again but still can’t fix the problem.
(the problem is i only get the spinning gray wheel on TD composer edits
So far I have added these snippets to my .htaccess file
<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>
<IfModule mod_headers.c>
Header always append X-Frame-Options SAMEORIGIN
</IfModule>
My php memory limit is 256, i’ve cleared all cache’s since trying the fixes.
it is a fresh install via ftp, all fresh plugins, all up-to-date. No other plugins exist on the site other than default tagdiv ones.
I’m going to email you and grant access to see if you can help, thanks
I have had real problems getting the Newspaper theme onto my server and running. I used WP dashboard(appearance-themes- upload theme) and got the response ‘the link you followed is expired’ This happened once the upload reached 100%. I changed the PHP settings to allow larger files and longer to upload, but not luck. WP is fully updated and freshly installed on server.
I then tried using FTP Filezilla to import the theme. However i now have the error on the WP that says:
Newspaper Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet.
i have tried importing both the Zip and the uncompressed into the Themes folder in WP on my server. WP recognizes that it is there but not usable!
Please can you let e know what i am doing wrong or send me a version that will work!
Many thanks
I’ve been running yoast SEO for years now. After switching over to the newpaper theme, the titles are no longer being optimized by yoast. Looking at the code, it looks like a lot of the meta tags in the header are also being duplicated.
The following are the meta tags that are being duplicated:
<meta property=”og:type” content=”article” />
<meta property=”og:title” content=”” />
<meta property=”og:description” content=”” />
<meta property=”og:url” content=”” />
<meta property=”og:site_name” content=”” />
<meta property=”article:tag” content=”” />
<meta property=”article:tag” content=”” />
<meta property=”article:tag” content=”” />
<meta property=”article:tag” content=”” />
<meta property=”article:tag” content=”” />
<meta property=”article:tag” content=”” />
<meta property=”article:section” content=”” />
<meta property=”article:published_time” content=”” />
<meta property=”article:modified_time” content=”” />
<meta property=”og:updated_time” content=”” />
<meta property=”og:image” content=”” />
What needs to be done to get the yoast SEO plugin to work correctly with the theme?
My website is almost done. I wanted to check the layout on mobile when I realised that the header text is standing in the main bar very chaotically : https://www.screencast.com/t/EeSIhxlHGJF
I want to make the text go away so you can see a clean main bar with only a logo.
Website : http://www.testpagina.brainer.nl
Thank you.
I actually found the problem. It actually IS SSL! After changing the default X-Frame Option in /etc/httpd/conf.d/ssl.conf from DENY to SAMEORIGIN, I managed the TagDiv Composer to load.
If you’re not on a VPS but on a Shared Hosting, you can achieve this by adding the following lines to your .htaccess:
<IfModule mod_headers.c>
Header always append X-Frame-Options SAMEORIGIN
</IfModule>
Sorry for misunderstanding. You could use a media query to decrease the margin of the menu items and font size
– https://www.screencast.com/t/3q2U1qGg
This is the code used in the example, you can make modifications to it if needed and test
@media (max-width: 1180px) {
.td-header-style-8 .sf-menu li {
margin-left: 10px;}
.td-header-style-8 ul.sf-menu > .td-menu-item > a {
font-size: 30px;
}}
I’ll give you an example, I’m using the header style 5 and the file associated with this header is parts/header/header-style-5.php . If I inspect the header menu element in Chrome, there is a style=”height: 60px” in the header’s div. This forced height is not present within any file and I can’t find it where it’s actually defined. I searched into the js theme file but couldn’t find any reference that can inject this style into this header.
Hi i’m working through the speed optimisations and have put the following code in my ht access but i still get this error on gtmetrix
Enable compression for the following resources to reduce their transfer size by 1008.4KiB (89% reduction).
Compressing https://seekpretty.com/wp-content/themes/Newspaper/style.css?ver=8.7.4 could save 1008.4KiB (89% reduction).
please let me know what I need to do, On my last site I made a lot of changes and i cant remmeber what exactly i did. thanks
# BEGIN LSCACHE
# END LSCACHE
# BEGIN NON_LSCACHE
# END NON_LSCACHE
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
# BEGIN WP Rocket v2.6.11
# Use UTF-8 encoding for anything served text/plain or text/html
AddDefaultCharset UTF-8
# Force UTF-8 for a number of file formats
<IfModule mod_mime.c>
AddCharset UTF-8 .atom .css .js .json .rss .vtt .xml
</IfModule>
# FileETag None is not enough for every server.
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
# Since we’re sending far-future expires, we don’t need ETags for static content.
# developer.yahoo.com/performance/rules.html#etags
FileETag None
<IfModule mod_alias.c>
<FilesMatch “\.(html|htm|rtf|rtx|svg|svgz|txt|xsd|xsl|xml)$”>
<IfModule mod_headers.c>
Header set X-Powered-By “WP Rocket/2.6.11”
Header unset Pragma
Header append Cache-Control “public”
Header unset Last-Modified
</IfModule>
</FilesMatch>
<FilesMatch “\.(css|htc|js|asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip)$”>
<IfModule mod_headers.c>
Header unset Pragma
Header append Cache-Control “public”
</IfModule>
</FilesMatch>
</IfModule>
# Expires headers (for better cache control)
<IfModule mod_expires.c>
ExpiresActive on
# Perhaps better to whitelist expires rules? Perhaps.
ExpiresDefault “access plus 1 month”
# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest “access plus 0 seconds”
# Your document html
ExpiresByType text/html “access plus 0 seconds”
# Data
ExpiresByType text/xml “access plus 0 seconds”
ExpiresByType application/xml “access plus 0 seconds”
ExpiresByType application/json “access plus 0 seconds”
# Feed
ExpiresByType application/rss+xml “access plus 1 hour”
ExpiresByType application/atom+xml “access plus 1 hour”
# Favicon (cannot be renamed)
ExpiresByType image/x-icon “access plus 1 week”
# Media: images, video, audio
ExpiresByType image/gif “access plus 1 month”
ExpiresByType image/png “access plus 1 month”
ExpiresByType image/jpeg “access plus 1 month”
ExpiresByType video/ogg “access plus 1 month”
ExpiresByType audio/ogg “access plus 1 month”
ExpiresByType video/mp4 “access plus 1 month”
ExpiresByType video/webm “access plus 1 month”
# HTC files (css3pie)
ExpiresByType text/x-component “access plus 1 month”
# Webfonts
ExpiresByType application/x-font-ttf “access plus 1 month”
ExpiresByType font/opentype “access plus 1 month”
ExpiresByType application/x-font-woff “access plus 1 month”
ExpiresByType application/x-font-woff2 “access plus 1 month”
ExpiresByType image/svg+xml “access plus 1 month”
ExpiresByType application/vnd.ms-fontobject “access plus 1 month”
# CSS and JavaScript
ExpiresByType text/css “access plus 1 year”
ExpiresByType application/javascript “access plus 1 year”
</IfModule>
# Gzip compression
<IfModule mod_deflate.c>
# Active compression
SetOutputFilter DEFLATE
# Force deflate for mangled headers
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding “gzip,deflate” env=HAVE_Accept-Encoding
# Don’t compress images and other uncompressible content
SetEnvIfNoCase Request_URI \
\.(?:gif|jpe?g|png|rar|zip|exe|flv|mov|wma|mp3|avi|swf|mp?g)$ no-gzip dont-vary
</IfModule>
</IfModule>
# Compress all output labeled with one of the following MIME-types
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE application/atom+xml \
application/javascript \
application/json \
application/rss+xml \
application/vnd.ms-fontobject \
application/x-font-ttf \
application/xhtml+xml \
application/xml \
font/opentype \
image/svg+xml \
image/x-icon \
text/css \
text/html \
text/plain \
text/x-component \
text/xml
</IfModule>
<IfModule mod_headers.c>
Header append Vary: Accept-Encoding
</IfModule>
</IfModule>
<IfModule mod_mime.c>
AddType text/html .html_gzip
AddEncoding gzip .html_gzip
</IfModule>
<IfModule mod_setenvif.c>
SetEnvIfNoCase Request_URI \.html_gzip$ no-gzip
</IfModule>
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTPS} on
RewriteRule .* – [E=WPR_SSL:-https]
RewriteCond %{SERVER_PORT} ^443$
RewriteRule .* – [E=WPR_SSL:-https]
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteRule .* – [E=WPR_ENC:_gzip]
RewriteCond %{REQUEST_METHOD} GET
RewriteCond %{QUERY_STRING} =””
RewriteCond %{HTTP:Cookie} !(wordpress_logged_in_|wp-postpass_|wptouch_switch_toggle|comment_author_|comment_author_email_) [NC]
RewriteCond %{REQUEST_URI} !^(.*/feed/?)$ [NC]
RewriteCond %{HTTP_USER_AGENT} !^(facebookexternalhit).* [NC]
RewriteCond “%{DOCUMENT_ROOT}/wp/wp-content/cache/wp-rocket/%{HTTP_HOST}%{REQUEST_URI}/index%{ENV:WPR_SSL}.html%{ENV:WPR_ENC}” -f
RewriteRule .* “/wp/wp-content/cache/wp-rocket/%{HTTP_HOST}%{REQUEST_URI}/index%{ENV:WPR_SSL}.html%{ENV:WPR_ENC}” [L]
</IfModule>
# END WP Rocket
# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 5 seconds”
ExpiresByType image/x-icon “access plus 604800 seconds”
ExpiresByType image/jpeg “access plus 604800 seconds”
ExpiresByType image/png “access plus 604800 seconds”
ExpiresByType image/gif “access plus 604800 seconds”
ExpiresByType application/x-shockwave-flash “access plus 604800 seconds”
ExpiresByType text/css “access plus 604800 seconds”
ExpiresByType text/javascript “access plus 604800 seconds”
ExpiresByType application/javascript “access plus 604800 seconds”
ExpiresByType application/x-javascript “access plus 604800 seconds”
ExpiresByType font/truetype “access plus 604800 seconds”
ExpiresByType font/opentype “access plus 604800 seconds”
ExpiresByType application/x-font-woff “access plus 604800 seconds”
ExpiresByType image/svg+xml “access plus 604800 seconds”
ExpiresByType application/vnd.ms-fontobject “access plus 604800 seconds”
ExpiresByType text/html “access plus 600 seconds”
ExpiresByType application/xhtml+xml “access plus 600 seconds”
</ifModule>
# END Expire headers
<IfModule mod_deflate.c>
<filesMatch “\.(js|css|woff|html|php)$”>
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
Hi,
You will have to modify the post template files in order to do something like that. These are the post template files (they are located in the main theme folder)
– https://www.screencast.com/t/8sl8viSg3B
In this example I will modify post template default as you mentioned. This is the section of code that displays the post author and other meta
– https://www.screencast.com/t/X9xwW99oj
Move it above the tags if that is where you want the meta to appear
– https://www.screencast.com/t/i3KKekvvQOlV
The result will be like this
– https://www.screencast.com/t/D0FUa5LvUxsm
The design does not apply anymore since the code is now not part of the post header. Creating a new header around the moved code would be a solution
– https://www.screencast.com/t/kMycoYEjKPh
Or style them with CSS
– https://www.screencast.com/t/niqaihO7
This is the code that must be entered in the theme panel custom CSS section
– https://pastebin.com/phxadSE2
Thanks
Hi,
@popacombr Hiding the header and footer are not required anymore, since the empty page template has been added and can be selected for the specific pages.
On pages you can now hide elements per device, with the tagDiv composer or WPBakery page builder. A related topic with more information here
– https://forum.tagdiv.com/topic/change-moduleblock-12/
Thanks
That is the name of the category in my case
– https://www.screencast.com/t/YYSvO0czL
The code will look in the category header section and when it finds that category name it will color the tag, like this
– https://www.screencast.com/t/I0PadH2u
This code will not work on the homepage. All the tags on block modules have a predefined black color, while the hover will be the color you set for the block title background
– https://www.screencast.com/t/L5CxtNbieNy3
The default hover color of the tags will be the theme accent color set in the theme panel.
This would be a related topic
– https://forum.tagdiv.com/topic/category-label-appearance-on-block-1/
Maybe there will be more options added for the category tags design in a future update, I believe it is added on our list.
Looking to change the name of this to “Latest News Articles” but can’t find where this setting is to change the wording on it. Thanks.
Ok here I go. Been trying to get this resolved for over a year but now I need it to work.
When someone clicks on the header ad or a sidebar ad or any of the ads I want it to go to the website that is running the ad. Perhaps i did something wrong but my website does not work like that.
here is the code for the header ad in theme settings
<div class=”td-all-devices”>
</div>
I can’t define a link here can I? I know I can’t do it in media section on the image…tried that… it won’t make it a clickable link that goes to the ads website.
CAN SOMEBODY THERE HELP ME and not just pass me off. This should be simple if google ads can be clicked why can’t I make this clickable.
HIGHLIFE.today
Hi guys,
We’re looking to reduce the padding below the header adverts. Currently there’s too much white space but we’re struggling to find how to reduce this using custom CSS.
Any help would be much appreciated!
For example see –
https://girllyf.com/taste/drink/you-can-now-get-alcoholic-tango-ice-blast-cocktails/
https://girllyf.com/taste/
Hi, Today I add some CSS on my site https://forum.tagdiv.com/topic/widgets-5/ then Show line in the header: https://prnt.sc/jd7l6l
How to remove the line in the header.
