- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
I solved the second option, with paragraph only on the first page of smart list with this CSS code
body[class*="paged"][class*="single"] .category-reviews .td-post-content > p {
display: none;
}.category-reviews is a class based on category where I use this rule.
Hi,
For amp version you can try this custom css
-> https://www.screencast.com/t/AAKVZ0xTbPm
You need to set the code in Theme panel>Mobile theme>Custom code> Css
-> https://www.screencast.com/t/jRnAmBMWPbr
Thank you!
Hi,
Please notice that the only single way to affect the font and color for mobile is to use the media queries CSS for that. You need to use the Inspector browser functionality and try to create your own custom CSS code. Use media queries to target mobile devices. You can take a look for these rules here -> https://www.w3schools.com/css/css3_mediaqueries_ex.asp
Hope this helps!
Thank you!
Hi,
For the search button you can try this custom css
https://www.screencast.com/t/8hInFaJZ
.td-header-wrap .td-drop-down-search .btn{
background-color: green;
color: yellow;
}
.td-header-wrap .td-drop-down-search .btn:hover {
background-color: pink;
color: black;
}
Thank you!
Hi,
If a general color is set in the theme panel the post title color will not change automatically, that color will always apply to all the post templates. But if it’s left on default it will change when needed – http://prntscr.com/no8na9
If you want to keep the general color from the theme panel, but change it only for templates 3, 7 and 8, you could use a code like this in the theme panel custom CSS section
.single_template_3 .post .td-post-header .entry-title,
.single_template_7 .post .td-post-header .entry-title,
.single_template_8 .post .td-post-header .entry-title {
color: green;
}
A setting to color the post title for each template doesn’t exist, you could try this suggestion.
Thanks
Hi.
I’ve encountered a bizarre issue related to the ads feature of Newsmag.
The website in question isprivatøkonomi.net. I recently set up Google Adsense, before removing all the snippets.
However, the ads keep displaying on my site whenever I’m logged into the WP admin area.
I’ve attempted the following solutions:
1. Cleared all cache.
2. Double checked that all snippets have been removed from the ads section.
3. Went through styles.css to look for any redundant ad-code.
Would you have any clue what’s causing this? I have a feeling there’s a simple solution to it, but I just can’t seem to figure it out..See two attached photos with examples.
Thank you for your help.
Hi,
If you want to reduce the above space from header ad you can use this custom add -> https://www.screencast.com/t/fs8MJH2QCr
.td-header-style-6 .td-header-sp-recs
{
margin-top: 0!important;
}
You need to set the code in Theme panel>Custom code>Custom css
Thank you!
Hi,
Is look that the code for background color on live search is not apply if the search is set on top bar, sorry! you can use a custom css to change the color
-> https://www.screencast.com/t/Qf0Y877qD
.td-header-wrap .td-drop-down-search.td-drop-down-search-open{
background-color: red;
}
The code need to be set in Theme panel>Custom code>Custom css
Hope this will help you!
Thanks.
Hello !
In order to display your footer image properly you will need to add this code to your custom css box here: https://www.screencast.com/t/xtmqkhBX ; https://www.screencast.com/t/9LWfP8WZJ As you can see on our end the code worked perfectly.
.td-footer-bottom-full .footer-logo-wrap {
margin-top: 0;
}
Thank you !
Hi,
Please check if you do not set the text using a plugin.
If you can not find the place here you set the text, you can use a custom css to hide/remove the text from posts -> https://www.screencast.com/t/nptJE6Slz9pD
.td-ss-main-content center b{
display: none;
}
The code need to be set in the Theme panel> Custom panel>Custom css
Hope this will help you!
Thanks.
Hello !
In order to hide those icons you will need to apply this CSS code
#td-mobile-nav .td-social-icon-wrap {
display: none;
}
here: https://www.screencast.com/t/6vHARUv2pcv and it should look like this: https://www.screencast.com/t/hmT2VoO1wAox
Thank you !
Hi,
If the problem is still there you can use this custom css -> https://www.screencast.com/t/78dY7KfY
.footer-text-wrap{
line-height: 2;
}
this should fix your problem, you need to set the code in Theme panel>Custom code>Custom css
Thank you!
Hi,
Please check our documentation for Mobile Theme: How to Get Your Website Mobile Ready with Newsmag Theme -> https://tagdiv.com/mobile-theme-get-mobile-ready-with-newsmag-theme/ and Blazing-fast Websites: How to Optimize AMP with Newsmag Theme -> https://tagdiv.com/blazing-fast-websites-how-to-optimize-amp-with-newsmag-theme/
If you want to remove the feature image on mobile you need to use a custom css, please set this custom css in Theme panel> Mobile theme > Custom code> CSS
.td-post-featured-image {
display: none;
}
Thank you!
Hi,
Unfortunately there is no settings for remove the time on comments, sorry! for this you’ll need to use this custom css
-> https://www.screencast.com/t/RDoG844YI
.comment time {
display: none;
}
You need to set the code in theme Panel>Custom code>Custom css
-> https://www.screencast.com/t/SYgg7IVTSG
Thank you!
Hi…
Somehow I can’t get this right. I’m trying set main Full with image as background (see travel theme)…pls see how does looks like
https://www.interameryka.com
At the template top I add new row and set (Row Settings) my big image (https://www.interameryka.com/wp-content/uploads/2019/05/Podroze-USA.jpg) as background under “CSS Design Options) then set Set Row And Content under “Row Stretch”.
Then I can’t see only 1px high my big image..
So my next step was to add single image element to this row (used this same image) I’m able to see this full size stretched background BUT in the same time I can see at the top of background this same (not stretched) image.
What I’m doing wrong?
Since there is not an update on this, I decided to do my own.
SINCE THIS CANNOT BE DONE ON A CHILD-THEME, EVERY THEME UPDATE WILL REVERSE THIS
TagDiv, you can easily adapt this into a new update:
/wp-content/themes/Newspaper/includes/wp_booster/td_first_install.php
line 375 add
'xing' => '',
/wp-content/themes/Newspaper/includes/wp_booster/td_social_sharing.php
line 226 add
case 'xing':
return array(
'url' => 'https://www.xing.com/app/user?op=share;url=' . $page_permalink,
'title' => 'Xing'
);
break;
Since I don’t want to rerender all .less files but to get something displayed, you can use this css in your customcss up until tagdiv adapts this into their theme:
/* Adds the XING ICON for Sharing */
.td-icon-xing {
background-color: #005F5E;
width: 40px;
height: 40px;
margin-left: -13px;
padding-top: 14px;
}
.td-author-social > .td-social-icon-wrap > a > i.td-icon-xing {
padding-top: 0;
font-size: 15px;
width: auto;
min-width: 18px;
height: auto;
margin-right: 15px;
color: #fff !important;
}
What TagDiv needs to do:
Generate a new tagDiv.svg Unicode from IcoMoon for XING and put it there,
then:
font-icons.less (mobile and desktop version)
.td-icon-xing{ background-color: #005F5E };
After installing the Newspaper theme I found my load times for the landing page were at least 24-seconds and went as high as 40-seconds. That’s just unacceptable. So, I did some digging online for .htaccess tricks to decrease load time. Now my landing page load time is 4-seconds or less. Target pages are 3-4 seconds, and back to the main landing page from another page is 2-3 seconds. I’d still like to shave off another second or two, but it’s a far cry better than what I had before.
Pasted here is the total code I put into my .htaccess file. The impact was immediate and I’m very pleased. I thought others might find this useful. See below.
Blessings,
Tom Terry
—–
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /wp/
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wp/index.php [L]
</IfModule>
<IfModule mod_deflate.c>
<filesMatch “\.(js|css|html|php)$”>
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
# 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 application/x-font-woff “access plus 604800 seconds”
ExpiresByType application/x-font-svg “access plus 604800 seconds”
ExpiresByType image/svg+xml “access plus 604800 seconds”
</ifModule>
# END Expire headers
# TN START GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
# TN END GZIP COMPRESSION
# TN START DEFLATE COMPRESSION
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE “application/atom+xml” \
“application/javascript” \
“application/json” \
“application/ld+json” \
“application/manifest+json” \
“application/rdf+xml” \
“application/rss+xml” \
“application/schema+json” \
“application/vnd.geo+json” \
“application/vnd.ms-fontobject” \
“application/x-font” \
“application/x-font-opentype” \
“application/x-font-otf” \
“application/x-font-truetype” \
“application/x-font-ttf” \
“application/x-javascript” \
“application/x-web-app-manifest+json” \
“application/xhtml+xml” \
“application/xml” \
“font/eot” \
“font/otf” \
“font/ttf” \
“font/opentype” \
“image/bmp” \
“image/svg+xml” \
“image/vnd.microsoft.icon” \
“image/x-icon” \
“text/cache-manifest” \
“text/css” \
“text/html” \
“text/javascript” \
“text/plain” \
“text/vcard” \
“text/vnd.rim.location.xloc” \
“text/vtt” \
“text/x-component” \
“text/x-cross-domain-policy” \
“text/xml”
</IfModule>
# END DEFLATE COMPRESSION
# TN START ENABLE KEEP ALIVE
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
# TN END ENABLE KEEP ALIVE
# TN – START EXPIRES CACHING #
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css “access 1 month”
ExpiresByType text/html “access 1 month”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/x-icon “access 1 year”
ExpiresByType image/svg+xml “access plus 1 month”
ExpiresByType audio/ogg “access plus 1 year”
ExpiresByType video/mp4 “access plus 1 year”
ExpiresByType video/ogg “access plus 1 year”
ExpiresByType video/webm “access plus 1 year”
ExpiresByType application/atom+xml “access plus 1 hour”
ExpiresByType application/rss+xml “access plus 1 hour”
ExpiresByType application/pdf “access 1 month”
ExpiresByType application/javascript “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType text/x-component “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType font/opentype “access plus 1 month”
ExpiresByType application/vnd.ms-fontobject “access plus 1 month”
ExpiresByType application/x-font-ttf “access plus 1 month”
ExpiresByType application/font-woff “access plus 1 month”
ExpiresByType application/font-woff2 “access plus 1 month”
ExpiresDefault “access 1 month”
</IfModule>
# TN – END EXPIRES CACHING #
# TN – BEGIN Cache-Control Headers
<ifModule mod_headers.c>
<filesMatch “\.(ico|jpe?g|png|gif|swf)$”>
Header set Cache-Control “public”
</filesMatch>
<filesMatch “\.(css)$”>
Header set Cache-Control “public”
</filesMatch>
<filesMatch “\.(js)$”>
Header set Cache-Control “private”
</filesMatch>
<filesMatch “\.(x?html?|php)$”>
Header set Cache-Control “private, must-revalidate”
</filesMatch>
</ifModule>
# TN – END Cache-Control Headers
# TN – ENABLE MOD PAGESPEED START
# COMBINE CSS, COMPRESS IMAGES, REMOVE HTML WHITE SPACE AND COMMENTS
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters rewrite_css,combine_css
ModPagespeedEnableFilters recompress_images
ModPagespeedEnableFilters convert_png_to_jpeg,convert_jpeg_to_webp
ModPagespeedEnableFilters collapse_whitespace,remove_comments
</IfModule>
# TN – ENABLE MOD PAGESPEED END
# END WordPress
That’s the problem I’m having. The CSS doesn’t change anything. I’ve tried to put it in theme panel as well as the Live CSS.
Hi,
I made some test to change the like button , but the css from the iframe button is to strong; you need to make some changes from the theme core files, (td_module_single.php) and change the code according to the official Facebook Documentation from here -> https://developers.facebook.com/docs/plugins/like-button/ https://www.screencast.com/t/wYBWWihJ
Thanks for your understanding!
Hi,
You can use this custom css
-> https://www.screencast.com/t/EigRAmyvhc0
.menu-main-header-menu-container{
margin-left: 100px;
}
Set the code in Them panel>Custom code>Advance > iPad
Hope this will help!
Thanks.
Hi,
The scroll up button disappear because is set this message over it -> https://www.screencast.com/t/V1IX38poM you can set this custom css in theme panel>Custom code> Custom css -> https://www.screencast.com/t/T2p6qHlM7IM
body .td-scroll-up {
bottom: 55px;
}
Please make sure that all the settings are like in our requirements, please follow the guide carefully
– https://forum.tagdiv.com/requirements-for-newspaper/
and please increase all requirements that are lower, and follow all steps.
Please make sure that you set the last version of child, also please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.
Thank you!
Hi,
You can try this custom css -> https://www.screencast.com/t/O8Hjs4ovsPT
#td-header-menu{
transform: translate(40%);
}
You can change the pro-cent if is need
You need to set the code in Theme panel>Custom code> Advance css > Desktop
-> https://www.screencast.com/t/SufMAegiBzFQ
Thank you!
Hi,
Replace bootstrap class with newspaper css class means to do some custom work, you need to do it yourself through the code and if you are not aware of the steps which are needed to take, in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thank you for your understanding!!
Thank you for your answer.
The element that i need to change is the bubble with facebook like numbers. If you check chrome inspector you can see that this elements are loading inside an iframe so css cannot be added through the usual way from child theme or theme panel’s custom code.
So can you please help me how could i change some styling on this elemeents?
Thank you
Hi,
Please provide me a link were I can inspect those two buttons, in this way I will be able to provide you a custom css that will work.
Thank you!
