- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi,
Yes, it is because the Adsense switch, as the Adsense banners use this css class .td-g-rec-id-header so just add the css below to fix this: http://screencast.com/t/r6NWw4sqztv
.single .td-g-rec-id-header {
margin-bottom: 50px;
}
Thanks
My custom functions.php mods, for those who care about such and sundry…. use at your own risk.
/*CHRISTOPHER'S CUSTOM MODS - 10.4.14. rev2 */
remove_action( 'wp_head', 'wp_generator' ) ;
remove_action( 'wp_head', 'wlwmanifest_link' ) ;
remove_action( 'wp_head', 'rsd_link' ) ;
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'feed_links_extra', 3 );
add_filter( 'pre_comment_content', 'wp_specialchars' );
function no_errors_please(){
return 'GET OFF MY LAWN !! RIGHT NOW !!';
}
add_filter( 'login_errors', 'no_errors_please' );
/* Disable YOAST SEO Admin Bar. */
function mytheme_admin_bar_render() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu('wpseo-menu');
}
// and we hook our function via
add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );
function delete_enclosure(){
return '';
}
add_filter( 'get_enclosed', 'delete_enclosure' );
add_filter( 'rss_enclosure', 'delete_enclosure' );
add_filter( 'atom_enclosure', 'delete_enclosure' );
function remove_cssjs_ver( $src ) {
if( strpos( $src, '?ver=' ) )
$src = remove_query_arg( 'ver', $src );
return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );
function remove_pingback_url( $output, $show ) {
if ( $show == 'pingback_url' ) $output = '';
return $output;
}
add_filter( 'bloginfo_url', 'remove_pingback_url', 10, 2 );
add_action('init', 'myoverride', 100);
function myoverride() {
remove_action('wp_head', array(visual_composer(), 'addMetaData'));
}
-
This reply was modified 11 years by
simchris.
Normally we convert ALL fonts to Open Sans (with Newspaper, anyway); so typically we would open the style.css, search/replace all fonts to what we want, then edit the functions.php … but now would edit the td_fonts.php to REMOVE all the google fonts not being used; this ensures they don’t “print” in the head/foot of the posts online.
I have not yet done this for the fonts.
For our sites we have to do the following each update
1) update the hook for the post views to “views” from existing field
2) edit the search file to remove breadcrumbs (I don’t need those on indexes for each story)
3) edit functions.php to put various elements for us at bottom, such as changing default compression for images/thumbs, adding note to poke hackers trying the lost password function, turn off XMLRPC elements in header, remove Yoast from menu bar in admin, hide header elements like versions, hide use of visual composer, etc. — many common “optimizations” for WordPress sites.
4) edit header to remove the section for video thumbnails and this stupid thing
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
5) optimize the fonts, by doing the aforementioned house cleaning on style css file, and removing the extra google font calls.
Your mileage may vary 🙂
Actually … I think this is setup differently from Newspaper; in doing quick looksee, in the /includes/wp_booster/
I think one would *actually* edit the td_fonts.php
look at line 902
if(!in_array('g_438', $td_user_fonts_list)) {//'g_438', //Open Sans
wp_enqueue_style('google-font-opensans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on menus/small text
I think you would need to edit that to add in both the italic and the 200 font.
Wait for Lucian or Marius with official help, though. This was just me doing quick look-see. (I have not yet actually done this with NEWSMAG…!)
-
This reply was modified 11 years by
simchris.
Best way is to remove the font calls to Google from the functions.php file, then manually put the calls to Google CSS at bottom of your styles.css file. Kind of advanced, but I covered how to do this in detail in the Newspaper theme forum.
OK. There is another mistake but this can be resolved in CSS.
Like button into Bosnian language, please see the picture:

Thanks.
@Mark Clifford this is the error i took from ur site…
Consider using ‘dppx’ units, as in CSS ‘dpi’ means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual ‘dpi’ of a screen. In media query expression: only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi)
Hi,
Use this css to target the blockquotes pararaphes and overwrite the theme’s styles: http://screencast.com/t/f806sTQQ9
#spMainContainer .spBodyContainer .spTopicPostSection .spPostContentSection blockquote p{
color: white;
}
Regarding the scrolling can you be mare specific as I’m not sure I understand and haven’t noticed anything.
Thanks
Hi,
Thanks for your suggestion, we will consider it. Please use custom css to fix the padding issue you have on this post, like this: http://screencast.com/t/WF8osvvlq
Please note that this happens because you use the page builder on posts which beaks the layout of posts because it needs full width container.
Here is the css which helps you to fix this:
.post-37 .td-post-content {
padding-right: 0px;
padding-left: 0px
}
Hope this helps!
Thanks
Hi,
First add this code: http://pastebin.com/gCpuLN8z to the functions.php file like this: http://screencast.com/t/8G4gk4zL
Then add this code: http://pastebin.com/ZDmuhYzH into single.php file, like this: http://screencast.com/t/kaP50qRvJAC
Use this custom css: http://screencast.com/t/qCDdkgMO
.block-titleee span {
background-color: #000000;
z-index: 1;
color: white;
font-family: 'Roboto Condensed', sans-serif;
padding: 3px 10px 3px 10px;
font-size: 20px;
line-height: 32px;
font-weight: normal;
margin-bottom: 10px;
}
.block-titleee {
border-bottom: 2px solid #000000;
}
.container_div .children {
margin-top: 10px;
}
Thanks
Hi,
Glad you managed to get it done. You could use this css snippets to style the logo on each screen width:
/* responsive phone */
@media (max-width: 767px) {
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
}
/* responsive monitor */
@media (min-width: 1201px) {
}
You can also chose a different header style and set a logo for mobiles but that way you wont have a full width logo anymore, unless you are fine with that.
Hope this helps!
Thanks
Hi, I have a google fonts tegs in my header.
<link rel=’stylesheet’ id=’open-sans-css’ href=’//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext%2Ccyrillic%2Ccyrillic-ext&ver=4.0.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’google-font-opensans-css’ href=’http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.0.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’google-font-ubuntu-css’ href=’http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=4.0.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’google-font-pt-sans-css’ href=’http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=4.0.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’google-font-oswald-css’ href=’http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=4.0.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’google-roboto-cond-css’ href=’http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.0.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’google-vollkorn-css’ href=’http://fonts.googleapis.com/css?family=Vollkorn%3A400italic%2C700italic%2C400%2C700&ver=4.0.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’google-fonts-style-css’ href=’http://fonts.googleapis.com/css?family=Roboto+Condensed%3A400%2C700&ver=4.0.1′ type=’text/css’ media=’all’ />
But I need only one font Open Sans.
How can I disable unused fonts?
Thanks
Hi,
1. Unfortunately we have some issue with tagdiv social counter plugin but first please make sure you use it right: https://forum.tagdiv.com/how-to-manage-the-social-counter/
If still doesn’t start working please send an email at contact@tagdiv.com specifying this in your subject and we will send you the fixed version of this plugin as we had some issue with it and we managed to fix them but the new version of this plugin won’t be available until next theme update.
2. Please use this custom css in theme panel > custom css filed to get this result: http://screencast.com/t/mfzd65irNwQF
.bos_searchbox_widget_class {
margin-left: 3px;
margin-bottom: 40px;
}
3. Please edit the page an make sure that are switched between them and if so try to edit each one and just switch settings, customize the first as the one above and vice versa.
4. This happens because the block “DINTORNI DI MONACO” is added into a new row. Try to add it in continuation of the other blocks from above: http://screencast.com/t/Uf8ZxzsGU
Hope this helps!
Thanks
To remove the search you use this css code
.header-search-wrap {
display: none;
}
Well i only work with style 8 header to get it the way i want it look…i’m not sure what ur site look like so i can say for sure if my css code will work for ur site…
If you are using the style 8 header like me may be my css code will work for you but as i say i’m not sure…
Is it possible to deactivate the responsive mode of the Theme? Or is it possible to delete fast every @media at the style.css?
Just add Css Code like this for different blocks on the home page…
Where it say block6 you just have to change the # of the block on ur home page and the color you want as well..
Make sure you edit each block and remove any background color and change the text color to what you want like #ffffff also change the “Title style” from default to style 1 and then save your settings..
Then go to theme settings and in the CSS Box you add the code like what i have below with ur own color and the block that you want to use on the home page..
.home .td_block6 .block-title {
background-color: #008000;
check my site @ https://jahliveradio.com and see a preview of the homepage also the sidebar…
-
This reply was modified 11 years by
Steven.
Removed the line with this css code
.block-title {
border: 0px !important;
}
Hi,
What else can do is to enlarge the image via CSS, but this is only an enlargement not a cropping image. Provide a link to take a look.
Thanks for the message!
Hi,
You can make the footer full width by adding the following css inside the Theme Panel -> Custom CSS: – http://screencast.com/t/7vQgLpj8
.td-footer-container {
width: 100%;
}
.td-footer-container .td-pb-row {
width: 1021px;
margin: 0 auto;
}
If you want to change the number of columns you can do it from the Theme Panel – http://screencast.com/t/5VWoL1q31 – http://screencast.com/t/2VPN8P6R8Wed
Thanks for the message!
-
This reply was modified 11 years by
Marius.
I figure it out on my own,i had to removed all colors from my blocks titles and then add the CSS codes with the colors i want too use that go with which blocks i’m using,never thought it was this easy to do… 🙂
.widget_rss .block-title {
background-color: #af0f0f;
}
.td_block2 .block-title {
background-color: #af0f0f;
}
.td_block1 .block-title {
background-color: #009999;
}
.td_block4 .block-title {
background-color: #ff6600;
}
-
This reply was modified 11 years by
Steven.
Hi,
Is from a selector no-js that is on HTML on our theme. We will investigate about that selector.
I’ve added this css in yout theme panel -> custom css
The content is only hidden with display:none from that plugin.
.no-js {
display: block;
}
Thanks for the message!
-
This reply was modified 11 years by
Marius.
I have used this on newspaper and now this theme, here is a simple way without a plugin
enter your face book page name here and grab the iframe code
https://developers.facebook.com/docs/plugins/like-box-for-pages
and just follow these directions and wrap the iframe with the div tags and put it in a text widget in your sidebar and paste the code in your custom css, works like a charm
Hi,
You can do this via custom css like this: http://screencast.com/t/nO5gL12q6XF
Use this css and change the color as you like:
.td-social-wrap-64 .block-title {
background-color: #000000;
}
If this dose not help please provide your site’s URL as I need to inspect this so I can offer you an accurate solution.
Thanks
Hi,
Can you try with this CSS, add it in Theme panel -> Custom CSS
.td-pb-row [class*="td-pb-span"] {
margin-bottom: auto !important;
padding-bottom: auto;
}
Thanks for the message!