Strange.. It makes me think you might be looking at the wrong file!…
This file here at your site is what I am talking about: http://gonzookanagan.com/wp-content/themes/Newsmag/style.css shows it on line 1444 and 1445
Anyway – since you’re using notepad++ by the looks – search for this text:
.td-pb-row [class*=”td-pb-span”]
It should be soon after that line.
Ah! I see the line numbering issue – you are opening it on a Windows machine and it is double line feeding – so just double the number… maybe around line 2888 ?
Oh sorry – if you were to look at the files behind your site via FTP, you’ll probably find a folder somewhere near the top:
public_html
Under that you should find:
wp_content/themes/Newsmag
In that folder, you should see a file called style.css – this file contains pretty much all of the Themes base css code. The lines are in there. Make a copy of this file, modify it and that should be all you need to do.
Yes, thanks for that. Just having a problem actually finding where you are seeing it on line 1438 of the themes style.css. I can get my way around “ok” but obviously I may be in the wrong .css file.
Hey Brad,
I found it by running firebug over your site and highlighting the element.
The code I am referring to is in the theme’s style.css file in the root of the theme – as I said, I came across the same issue myself some time ago – I’ve checked since my last post and it doesn’t exist in Version 3 of the theme. I removed it using firebug, and your page seemed to behave. Without knowing why they put it in there, I can’t be 100% sure it won’t disrupt something – I couldn’t see anything obvious… but if you take them out, the problem will go away… fairly sure.
-
This reply was modified 9 years by
jsup.
Hi Jsup,
Thanks so much for the info. Are you talking about the styles.css sheet in the custome code area of the theme template? I dont see much code there so just curious as to where you found it. Thanks. Very much appreciated. ๐
Good morning Catalin
Look I made the alterations to the file as you instructed me
really it worked, but there is still a small problem
I tried to change here with css, but I did not get success
see what’s happening
look at the image – Table 1
Table was stretched deformed
occupying the total page space
http://www.screencast.com/t/kPCtFtTHJ0Y
how to center to stay with official width of the page?
I would like to stay in accordance with the image – Table 2
http://www.screencast.com/t/a2EI40vzpw
this is the code I am using to insert the table on the page
see the picture and the code:
http://www.screencast.com/t/rChKP4ShKmh
<div class=”tbnet-gadget”>
<div id=”tbnet-classificacao”>Carregando…</div>
Sรฉrie B
<script async src=”http://gadgetsparablog.com/ws/tabeladobrasileirao/script?funcao=classificacao&campeonato=serie-b” type=”text/javascript”>
</script>
</div>
Thank you Catalin
Hi @sebastien-doi,
If you made changes into theme files (style.css, header.php, etc.), yes, you will lose them.
Best way: make a test into a local server
My fontawesome icons are not showing correctly. They worked perfectly for months but now have disappeared – when referring to the numbers, not the icons by name. So for example, this is in my CSS code:
#ticketprice h2:before {
content: ‘\f145’;
font-family: ‘FontAwesome’;
color: #FFF;
padding-right: 10px;
font-size: 1.6em;
The icon (again, this worked perfectly for months) is now just showing as a small missing square and not the fa fa-ticket it’s supposed to be. It’s not the code – it is that somewhere a file is now missing. Please don’t try and troubleshoot the CSS (when referring to icons in CSS, it works better with the number file, not the fa fa-ticket)…but tell me where I can find/add the file that should make this work? For the record, I can add fa fa-ticket via Visual Composer and that does work….but I need to get this specific code to work. I let some idiot developers help me troubleshoot something last night and they took down my entire site. I’m trying to put it back together. Thank you.
Hi again @katie,
Like say @chris, allways you have to do backups for all stuff.
Any settings made in theme (settings panel) will not be lost.
Quick explanation: your theme is only a skin for your web, so all settings / posts / comments / etc. are stored into DB (data base)
Warning: if you are made some changes into style.css ore any other file that come with theme, YES, you’re going to lose them.
Hi K,
If you hide left-right arrows with CSS will disappear in all categories!
I think that you can try with this:
.td-mega-menu .td_block_mega_menu .td-next-prev-wrap {display: none!important;}
If you want only for that cat, you need a condition, so wait until tomorow for better reply from staff
Hi Bradkrauza,
I have seen this happen when older versions of the Newsmag style sheet when a custom CSS has been added somewhere – upsetting their placeholden span hacks.
I can see in this example that on your style sheet you have .td-pb-row [class*=”td-pb-span”] adding in a margin of -99998px and then a padding of 99999px.. – You will find it on your style sheet at around line 1438 (style.css)
I seem to recall the TagDiv guys did this type of hack in Version 2 of the code – don’t think they do it anymore… Are you running V2 code? If so, maybe a full careful upgrade to v3 is required here, or just remove the padding/margin element from the offending element – TagDiv people – any explanation as to why you guys put this big block in v 2.37 of the code – I ran into this once before myself, couldn’t figure out why you guys put it there…? It’s not in the current code..
.td-pb-row [class*=”td-pb-span”] {
border-left: 1px solid #e6e6e6;
display: block;
float: left;
margin-bottom: -99998px !important;
margin-left: 0;
min-height: 1px;
padding-bottom: 99999px;
}
I think if you took out the margin-bottom and padding-bottom, the gap would go away – but I don’t know why they did it in the first place, so something else will probably break.
-
This reply was modified 9 years by
jsup.
How is this possible ? I need AD css classes.
.category-name .newspaper-ad-class {
display: none;
}
This is my style.css, how to modifiy it?

All you need to modify your style.css file in child theme folder.
I would recommend you to update same on core style.css
I’ve been working with the Newspaper theme with a Magazine-front page. I added a Revolution slider at the top with a stock ticker widget (http://tdhedge.meta-morphos.es/). I added a few lines of CSS to adjust the margins of the slider, but otherwise used settings available within the Visual Composer and Theme Panel. The home page displays fine on my desktop monitor, but it’s jumbled when I view it on a mobile phone. It in fact crashes the Safari mobile browser 50% of the time.
To troubleshoot the problem I installed a new WP with new a demo install of Newspaper and tried to make only the most minimal adjustments to arrive at a similar design result. This included the Revolution slider but not the stock ticker widget in the right column.
The second build (http://newstest.meta-morphos.es/) has a slightly better result, but still doesn’t appear to be smoothly responsive. Could someone view my test pages and provide some suggestions for a fix?
The primary change from stock version of the Newspaper theme was a Revolution slider at 200px high, which replaced the built-in slider on the Magazine home page.
Is there an ideal combination of settings on the Revo slider, that make it most friendly to the adjustments required when the site is viewed in responsive mobile phone mode?
Thank you
Hello,
I come back to you because I have big problem. I search the solution on the forum, and I paste CSS Code on custom area .single .backstretch {
display:none;
} `
The code work well but I have another problem background from post (Style 6) is not stretched same for style 8. So. I paste code found on the forum : <code></code>.postid-149 .backstretch {
display:none;
}
.td-boxed-layout #td-outer-wrap {
width:100%;
}
`
and after
.td-post-header-holder{
background-image: url(‘http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg’);
background-repeat: no-repeat;
background-size: 1164px 570px;
}
}
My trouble was the same it was not streched sometimes, so I removed the all code custom. Now my trouble it’s I have perfect style 6 and 8 when I am connected on my admin account but for the visitor I do not have any images for the categories on style 6 or 8 and no images for post on style 6 or 8. How can I resolve my problem, I need to be ok with my website very fast ๐
You can see my website here : https://www.legnousauvage.com/
Thanks to you.
-
This reply was modified 9 years by
Stangerson.
-
This reply was modified 9 years by
Stangerson.
-
This reply was modified 9 years by
Stangerson. Reason: try to speak english better + add informations
Hi
I have investigated regarding the theme fonts, as suggested. I have found several answers, but still have some questions.
1. Where do I change the font of the different blocks on my home page?
2. What is the font used in Block 13? Is the font the same as in Block 11? Both shown on my home page. I like the font in Block 13, but do not know hos to apply it to the body texts in the sidebar on home page and the blog posts as a do not find the name. (I know how to change the font in the Body parts).
3. For Quotes I use the “-icon in the tool bar of each blog post. I have found hove to change it to Normal text (for lower cases) but I would like to have all quotes starting with a large “-sign about 1,5 times the hight of the font. Can I configure this myself? If not, can it be done by CSS changes?
4. How do I in general understand which font, size, weight etc is used when most of the used values in the drop-down lists are Default?
5. Where do I change the colours of the texts on the homepage (blocks), blog posts and pages?
Thanks.
How to apply Method 1 if i use Child Theme?
I have Remove the code from td-config.php. But i can’t edit style.css
-
This reply was modified 9 years by
Syams.
Hey Chris and nairolf,
It was midnight here and I slept so, couldn’t reply to both of you. Sorry ๐
I am thankful to nairolf for putting efforts in trying to help me and give me the right direction. I was finally able to make speedbooster working by his help yesterday ( and also disabled one 301-redirection plugin by adding few codes in functions.php because of his motivation to use fewer plugins ๐ )
Chris is my old fav and his detailed ( and many times witty! ๐ ) tutorial has helped me a lot to optimize my website in the past.
Anyways, on this point,
I am not sure which codes under Chris’s codes are effecting the Query strings and should I try to change “10 to “101 or max” under this code:
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 );
or any other?
I also tried to add one code suggested by KEYCDN here: https://www.keycdn.com/support/remove-query-strings-from-static-resources/ Code is:
function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );
It didn’t work either .. perhaps for the same reason why Chri’s code didn’t work. May be I should try changing the number 15 to 200 or something?
For nairolf’s suspicion , I checked all other related plugins to see if any function is forcing the query strings behavior that we set in functions.php but couldn’t find anything. I am using itheme security plugin and here I have checked an option which says ” Replace jQuery version with safe version” ( see here: https://i.snag.gy/4SKTg3.jpg ) Previously my Jquery version was 1.12.4 or something but now it’s showing 1.11.1 . Just informing you if it’s the reason behind something.
Other thing I noticed under Yoast SEO, where I have checked “Remove the ?replytocom variables. ” option. Though it serves a different purpose but somehow related to these query thing.
Nairolf said somewhere above that “at least on Newspaper 7.4, is impossible to remove the query string with conventional functions for all resources.”
Then how did you finally removed these strings Nairolf or you didn’t ?
Can’t we move these CSS even with these query strings? And more immportantly, one very important point which you both missed from my previous comment that, after doing required modifications to speedbooster.php, I can actually see that Style.css, fonts and facbook login CSS etc have moved to footer ( Checked “View Source” page of my post on Google chrome) and when I removed JS modifications from speedbooster.php, I saw it coming up on the “view source code”
If sppedbooster were not working with these CSS files, why it would have moved these files from top to footer. The main question is “why it still appears on Google Pagespeed score? ”
Or perhaps it is appearing GPS because GPS is suggesting to remove these query strings and not raising any flag over whether it has been moved to footer or not?
PS: I can understand that tt can be really big tough to deal with a non-progrmmer like me but let me assure you that I do things carefully and I can be instructed very well ๐
Thank you.
-
This reply was modified 9 years by
Nano.
Some people like child themes. Some “frameworks” use them as the framework doesn’t often break the CSS, and so easy to make sub-designs of main design — idea being you can update main theme and child theme changes are left alone. In practice, however with all the WP changes, security changes, etc., child themes end up changing every few major theme update –totally defeats the purpose. So, I avoid them like the plague.
You don’t have to use it; so my rule of thumb for most clients is “if you don’t know why you have a child theme option, don’t use it …” ๐
I find its safer to make changes to the “main” theme, then keep track of those changes with each major update.
Note if you’re using the speed booster framework plugin, that might be issue; I don’t anymore.
Also note “some” plugins will add the query from their own hook into the enqueue, which can over-ride that function if loaded “later.” I ran into this with the WP YouTube Lyte plugin that snuck in the remove query thing at tail end of functions from itself (easy to hack the plugin to remove that; or de-enqueue the js, then manually add to the footer… )
Helps if you explore in the WordPress docs what some of this stuff does … note the numbers there: (10,2) ? You might need to adjust that ’10’ to “when” your function loads in relation to everything else.
Should also be self evident won’t work in child theme which is dumb CSS redirect to begin with.
$priority
(int) (Optional) Used to specify the order in which the functions associated with a particular action are executed. Lower numbers correspond with earlier execution, and functions with the same priority are executed in the order in which they were added to the action.
Default value: 10
So, in some cases depending on what other shenanigans you have going on, you might have to change the ’10’ to something like ’99’ — to load after everything else and thus actually affect the elements.
e.g.,
function project_dequeue_unnecessary_scripts() {
wp_dequeue_script( 'comment-reply' );
wp_deregister_script( 'comment-reply' );
}
add_action( 'wp_print_scripts', 'project_dequeue_unnecessary_scripts',100 );
So, play with that ๐
ref:
https://developer.wordpress.org/reference/functions/add_filter/
-
This reply was modified 9 years by
simchris.
Hi @Chris, at least on Newspaper 7.4, is impossible to remove the query string with conventional functions for all resources.
Remain untouched: fonts, js_composer.min.css & the main style.css
Note – if using a caching plugin or external service, they “might” be adding query strings to things to control caching. I remove query strings so things can be cached. But some other plugins can add them back to disable caching or modify how css and js are cached.
In my example code, on all my sites regardless of theme — not using any external optimization system / CDN, or caching plugin — it does remove the query strings ….
Also note all my optimizations started with newspaper then moved to newsmag and are theme independent as they impact how WordPress works, not the “theme,” unless something specifically says “/* newsmag fix*/” or similar. ๐
Perhaps yes. I am using following optimisation code created by Chris in functions.php
/** CUSTOM OPTIM CODE : by Christopher Simmons - REV 8.17.16 */
// Remove jQuery Migrate Script from header and Load jQuery from Google API
function simmonsbunny_remove_jquery_migrate_load_google_hosted_jquery() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js', false, null);
wp_enqueue_script('jquery');
}
}
add_action('init', 'simmonsbunny_remove_jquery_migrate_load_google_hosted_jquery');
/** functions for headcleaner */
function rm_generator_filter() { return ''; }
add_filter('the_generator', 'rm_generator_filter');
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);
remove_action('wp_head','start_post_rel_link', 10, 0);
remove_action('wp_head','adjacent_posts_rel_link_wp_head', 10, 0);
remove_action('wp_head','print_emoji_detection_script',7);
remove_action('wp_print_styles','print_emoji_styles');
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 );
function remove_pingback_url( $output, $show ) {
if ( $show == 'pingback_url' ) $output = '';
return $output;
}
add_filter( 'bloginfo_url', 'remove_pingback_url', 10, 2 );
/** functions for security */
function no_errors_please(){
return 'You appear to be up to no good. Your IP logged and will be blocked.';
}
add_filter( 'login_errors', 'no_errors_please' );
function disable_reset_lost_password()
{
return false;
}
add_filter( 'allow_password_reset', 'disable_reset_lost_password');
function remove_lost_your_password($text)
{
return str_replace( array('Lost your password?', 'Lost your password'), '', trim($text, '?') );
}
add_filter( 'gettext', 'remove_lost_your_password' );
add_filter( 'send_email_change_email', '__return_false' );
/** functions for admin bar */
function mytheme_admin_bar_render() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu('wpseo-menu');
}
add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );
add_filter( 'wpseo_use_page_analysis', '__return_false' );
function my_custom_css() {
echo '<style>
.misc-pub-section.yoast-seo-score.content-score { display: none; }
.misc-pub-section.yoast-seo-score.keyword-score { display: none; }
</style>';
}
add_action( 'admin_head', 'my_custom_css' );
function dequeue_yoast_css() {
wp_dequeue_style('yoast-seo-adminbar');
wp_deregister_style('yoast-seo-adminbar');
}
add_action('wp_enqueue_scripts','dequeue_yoast_css');
/*remove embeds */
function disable_embeds_init() {
remove_action('rest_api_init', 'wp_oembed_register_route');
remove_filter('oembed_dataparse', 'wp_filter_oembed_result', 10);
remove_action('wp_head', 'wp_oembed_add_discovery_links');
remove_action('wp_head', 'wp_oembed_add_host_js');
}
add_action('init', 'disable_embeds_init', 9999);
function project_dequeue_unnecessary_scripts() {
wp_dequeue_script( 'comment-reply' );
wp_deregister_script( 'comment-reply' );
}
add_action( 'wp_print_scripts', 'project_dequeue_unnecessary_scripts',100 );
// Remove comment-reply.min.js from footer
function chrisbunny_clean_header_hook(){
wp_deregister_script( 'comment-reply' );
}
add_action('init','chrisbunny_clean_header_hook');
/** End Christopher's magic bunny code; Copr. (c) 2013-2016 CLS */
But it’s a good thing. right? but why are we still having query strings under these CSS files? Should I not remove query starings using codes in functions.php? How can I remove quesries from these internal ( and one eternal files too )?
What should I do to resolve this issue? Can you suggest something?
Thank you
-
This reply was modified 9 years by
Nano.
Hi Nano,
I made a test with Google PSI (with your web) and throws 65/89
You have 5 .css resources that produce an render blocking, 4 of them become from default theme:
– … /facebook-login.css…
– /js_composer.min.css…
– /css?family=Roboto…..
– css?family=Radley….
and this one became from a third plugin: /facebook-login.css
You are using some rules in functions.php that remove query strings from static resources or some plugin that remove them???
I ask you because I see that all other resource are without query strings, and this 5 problematic have them.