- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
Please try this custom css with default header style(style 1) and see how it goes: http://screencast.com/t/Ge2qhUqlQv
.td-header-sp-logo a {
height: 100px;
}
.td-header-sp-logo img {
width: 370px;
margin: inherit;
max-height: 100px;
}
.td-header-sp-logo {
width: 370px;
}
.td-header-sp-logo {
margin-bottom: 0px;
margin-top: 0px;
}
.td-header-style-1 .td-header-sp-ads {
display: none;
}Thanks!
Hi,
Please make a backup of you current file so you can revert in case it doesn’t work and then replace with this code and try to add your code where you see – http://pastebin.com/9BkdQtkm
Result: http://screencast.com/t/vLYq4zehwn
It is possible to have more customization to make so if you don’t have basic php/css/html experience I suggest to hire a professional to do this for you as we cannot provide any custom work for the moment.
Thanks!
Hi,
Please revert to the menu-header.php file and see if this works. If you did not have any megamenu when you made those modifications to the code(container, span12) it may be affected.
as Emil said this is no tested and you probably will need more css customization. You said that you have deleted the search so you will only need remove classes that Emil suggest above(just delete span11 and container words from the code). Please make a backup of your file first so you can revert if you don’t like the result.
Did you tried megamenu before you made modifications to the code and worked?
Thanks!
Hi,
Please try this custom css for this issue: http://screencast.com/t/QJTTRk7R
@media (max-width: 767px){
.mobile-logo-wrap img {
max-width: 50%;
}
}
Thanks!
Hi,
You will need to use a plugin for your avatar like WP User Avatar and add an image to your profile.
And in your post template add this code(here you can find more info – https://codex.wordpress.org/Function_Reference/get_avatar) to display avatar next to Author: http://screencast.com/t/N0WFxDIPYN
get_avatar(get_the_author_meta( 'ID' ), 32 ) .
And use this custom css in Theme Panel to add radius: http://screencast.com/t/cMnzCUPotb
.single .meta-info .avatar {
border-radius: 100px;
}Thanks!
Hi,
I have checked your site and you have these errors in the console: http://screencast.com/t/tdg1yA75gOA
Please check this without any plugins active, leave just Visual Composer active, empty cache and also disable any js/css minification and see if this works.
Thanks!
Hi,
Please add your adsesnse code in custom ads and using do_shortcode() function display them before featured image in the post template that you use(I guess that you use post style 2 – edit loop-single-2.php): http://screencast.com/t/GWxrrtuXb2bG
echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]');
echo do_shortcode('[td_ad_box spot_id="custom_ad_2"]');
Result: http://screencast.com/t/CZwLFpoejR1
Please use this custom css in Theme Panel for ads, to make those appear side by side:
.single .td-g-rec-id-custom_ad_1 {
float: left;
}
Thanks!
Hi,
You can remove only that text, you can find it here: http://screencast.com/t/CV0LC8oN
Please try this custom css to hide the main menu: http://screencast.com/t/aLafz6haUWu7
.td-menu-placeholder {
display: none;
}
Hope this helps!
Hi,
1. We know about this issue and it will be fixed in version 5 of Newspaper, until then please use this custom css in Theme Panel > Custom Css:
.block-title {
line-height: 30px !important;
}
2. You can change post’s title font from Theme Panel > Custom Typography: http://screencast.com/t/G5sphKCjy23
3. Unfortunately we change list to default(bullets), but you can change this via custom css: http://screencast.com/t/WVzHpWbwh
.td-post-content ul li {
list-style: disc url('http://www.thisisanfield.com/wp-content/themes/Newspaper/images/icons/li.png') !important;
}
If you want to this apply to all list not only on post content, please remove .td-post-content class.
4. Try this custom css continue button text decoration:
.more-link-wrap a:hover {
text-decoration: none !important;
}
Thanks!
Hm 🙁
That’s confusing! The error in the console doesn’t always occur.
But the problem with the fonts is still there – I just empty all caches (in FF, Chrome WIN7 and OSX). I also deactivate all FF und Chrome Add-Ons. In every browser the displayed fonts are not the fonts which are in the CSS.
WhatFont shows (default font)… (http://snag.gy/AZI14.jpg).
Thank you for all your assistance.
Thanks Kevin.
Hey tagDiv friends,
I’m trying to get it working and thought being double-sure the theme is the latest version I’ve downloaded the theme again and tried updating it. But I got this:
Installing Theme from uploaded file: themeforest-5489609-newspaper.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme install failed.
Jayden
I’m trying to centering the site text logo/title and tried a lots of custom css. Nothing worked for me. Anyone can help me in this regard please?
Okay. And ?
The htaccess file does nothing whatsoever related to “render blocking” CSS/JS; that is not its purpose.
The htaccess file gives directives for the server, running “above” the site for caching, expiration, redirects, etc.
Mod_Pagespeed settings won’t do anything unless your server has that.
Obviously your permalink structure for WordPress should be in your file (missing from your example).
You don’t need two sets of expire headers (!).
All of the above is to help with optimization of page loading — nothing to do with HOW the content loads on the page (aside from mod_pagespeed of course).
The only way to optimize for the CSS/JS render blocking is to build custom site without all the bells and whistles and custom load content in groups; and you can optimize some of that with the tagdiv speed booster plugin.
Ok, I’ll try requesting the previous version. Hate that I have to install two plugins to do something as simple as make sure the image fits the entire height, but since the grid has two different sized images, I couldn’t figure out a way to get it to work in css witbout it throwing everything off. Appreciate the help.
this is my htaccess file
<IfModule mod_deflate.c>
<filesMatch "\.(js|css|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
# Pagespeed Module
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
# Pagespeed Module
# 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 application/x-font-woff "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 text/html "access plus 600 seconds"
#ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
# END Expire headers
# END WordPress
AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
ExpiresByType font/truetype "access plus 2500000 seconds"
ExpiresByType font/opentype "access plus 2500000 seconds"
ExpiresByType application/x-font-woff "access plus 2500000 seconds"
ExpiresByType image/svg+xml "access plus 2500000 seconds"
ExpiresByType application/vnd.ms-fontobject "access plus 2500000 seconds"
</IfModule>
# END Expire headers
# 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>
# END Cache-Control Headers
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
Probably need to edit the single post template you’re using and move that section from bottom of template to top and experiment with that. For circle image you’d need to add CSS to make a round mask.
If you don’t know how to do any of that you might have to hire a developer.
Tagdiv support back on Monday might give more specific answer.
helo,
after activated this theme, it suggest me to active rev slider plugin.
but as i tried to activated it, error always occure.
here the error
Revolution Slider Error:fetch – Table ‘konsulta_kscom.wp_lei8tu_revslider_css’ doesn’t exist
—
Query: select * from wp_lei8tu_revslider_css where handle = ‘.tp-caption.medium_grey’
Fatal error: Uncaught exception ‘Exception’ with message ‘fetch – <b>Table ‘konsulta_kscom.wp_lei8tu_rev
then i check to database, there is no table which named $prefix_revslider_
do you have any idea how to fix this ?
i go to this place because plugin is bundled with this theme.
This theme does not seem to support child themes 🙂
Documentations says you do, but the inherent structure does not support the standard WordPress override every file structure. The biggest current impact for us is that the /wp-content/themes/Newspaper/includes/td_wordpres_booster.php file does NOT respect it’s child override file here: /wp-content/themes/Newspaper-child/includes/td_wordpres_booster.php.
We had modified that for specific needs. This edit ONLY works in the theme itself. The same edit in the child theme is disregarded and NOT loaded. With the way it is today – the theme is NOT fully child compatible – and the functionality we need is only possible by a direct theme mod.
This themes documentation for child themes is the old out-dated way of including parent theme CSS in a child theme. The latest best practice method seems to work anyway after some experimenting, so that should not be an issue for us, but still the suggested method is no longer applicable.
So as it sits the only way we can maintain our updates is to keep modifying the main theme files, every time we update the theme were forced to re-add our updates until this is resolved. If you can please help that would be greatly appreciated as the theme documents and markets child theme compatibility.
Hello, I did purchased Newspapwer theme and working on a new website of my client. I don’t want to keep the main menu as well as top menu for this site. I was able to disable top menu but everytime I was trying to remove the main menu it shows “Click here – to select or create a menu” on menubar of the site. I tried with a custom css but still the text shows into the site.
.menu {
display:none;
}
Is there any way to remove the text from the menubar of the site and and to remove main menu option completely? I tried a lot and there was no solution. A support member or theme author can help me easily.
Looking forward to an answer soon.
Since the flipbook makes a flipbook from your PDF (not from your web pages), you would likely use that by (it seems); uploading your PDF to your site, then the plugin converts your PDF into flipbook you would insert into your “post” via shortcode.
So you could likely use that and perhaps use shortcode on a “wide” page layout without sidebar.
Since it’s rendering the content separate from theme, then the theme CSS shouldn’t impact the images in any way (in theory).
Hi,
I did upgrade to the latest version of the theme, but are some CSS changed from the v3.6.
1) A white bar in all widgets, after the title. The demo made by you does not appear that bar in widgets.
It can be fixed?
http://gyazo.com/10abef775970d4077058668de0c5103c
Note: The problem occurs only in Chrome and IE, in Firefox does not appear.
2) All H tags are modification, has another font and size. Can be to return to the fonts in version of 3.6?
http://gyazo.com/b714fdc0cad6606a998631408a987868
3) And UL tags are modified, now is the default, a simple dot.In version 3.6 was an arrow to the right, which I liked very much. It can bring back in the last version?
v4.1.1: http://gyazo.com/3162ed91b21d2957543915802dff620e
v3.6: http://gyazo.com/444b98712203f24905916a794569dc61
4) I do not know, but “text decoration: none! Important;” does not work. On “Read More” button and tags links does not work. It seems that displays as underline. Possible to be fixed?
To see the problem, you can visit my website.
Thanks,
Alex
Hi,
First of all i’m not a developer i’m a designer/new to wordpress:.I followed the guide by Chris S, it was little bit hard for me to understand all of that, english is not my main language.I did everything i could to improve my pagespeed.I get 89 on desktop and 74 on mobile.I asked developers at my work, they were unable to help or they just sent me away.
In your guide on eliminateing render-blocking js…. i did everything as said but where or how can i look for ids of these files :
This is my ids for all css & js.
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
dashboard | /wp-admin/js/dashboard.min.js
customize-loader | /wp-includes/js/customize-loader.min.js
plugin-install | /wp-admin/js/plugin-install.min.js
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
td-wp-admin-general | http://domain/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://domain/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
akismet.js | domain/wp-content/plugins/akismet/_inc/akismet.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
jetpack-dashboard-widget |domain/wp-content/plugins/jetpack/css/dashboard-widget.css
thickbox | /wp-includes/js/thickbox/thickbox.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | domain/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
wpalchemy-metabox | domain/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
akismet.css | domain/wp-content/plugins/akismet/_inc/akismet.css
jetpack-icons | domain/wp-content/plugins/jetpack/css/jetpack-icons.min.css
jetpack | domain/wp-content/plugins/jetpack/css/jetpack-banners.min.css
Minify :
Google provides optimized images, JavaScript, and CSS resources for this page.
Is this worth to use? will it work?
thanks.
Please take a look at the fonts of the slider-text and the block-title. This are not the fonts which are defined in the CSS.
I tried it on Windows 7 with newest FF.
Thanks
Hi,
Use this custom css and change the color as you like: http://screencast.com/t/q2vkowdQTI
.iosSlider.td_block_big_grid .td-icon-left, .iosSlider.td_block_big_grid .td-icon-right {
color: red !important;
}
Thanks
Hi,
Try this custom css: http://screencast.com/t/Vg8Rde86PV
@media screen and (max-width: 767px){
table {
height: auto !important;
width: 100%
}
.td-post-text-content table {
font-size: 11px !important;
}
}
Thanks
