- 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 there, i’ve found some on google:
http://cmagazine.es/wp-content/themes/Newsmag/style.css?ver=1.7.2
http://comerisparmiare.net/wp-content/themes/Newsmag/style.css?ver=1.7.2
http://cmagazine.es/wp-content/themes/Newsmag/style.css?ver=1.7.2
-
This reply was modified 10 years by
CreepyRavioli.
Hi,
I have added the custom CSS code to make the top menu show on the mobile device but somehow it’s loading so slow. It’s like it has to wait for everything to fully load before it appears on the screen.
Link: http://bit.do/nvo
Thank you
Hi. In the previous version of the theme my site looked like the top area of the Travel demo. I mean a big image as background and 3 boxes with latest articles.
I try to do the same here. Nothing happens. I made a test page http://agreekadventure.com/test/ and I followed your instructions, copied css code, etc. The only thing that shows is the big image. There is a Block 3 below with all proper settings but the styling is not applied…. no white box behind posts, etc. why?
Hello,
I was wondering if there was a way for me to get the style.css for news mag version 1.7.2.
I am trying to remedy some problems left by a former worker on this site. and need to compare the original style sheet to what we have so i can take out his customization so i will be able to update everything to the latest version with out loosing everything.
Thank you.
Thank you Bogdan,
But where should I place this CSS code?
Mobile theme shows like default, with no thumbnails at all (they’re enabled but seem to be missing), like it is reset. None of my modified css classes about the mobile theme do not work (they’re there, not deleted after the update, just not working)…how do I solve this?
After update today…
Fatal error: Call to undefined function vc_shortcode_custom_css_has_property() in /home/hlt16/public_html/helioteixeira.org/wp-content/themes/Newspaper/vc_templates/vc_row.php on line 55
How to fix this?
My site: helioteixeira.org
Hi. There seems to be a social counter issue. I am refering to the one that shows under the post title. The number of Facebook likes falls behind the twitter button. I see it also shows like that in the latest update too. Perhaps some css fix is needed? Which is that?
But other themes have a lot features too. 😉
My css is already compressed. After manually deleting a lot of useless stuff and compressing it’s still over 400kb.
No offense, I love your theme, but the source code seems bloated. 🙂
OK, but where can I find a place to enter the css script so that I can achieve the full width background?
Write me, please, if I have noted css code in the css file on the server, or is in the admin panel template in any place to additional code?
Hello Bichareh,
We are aware that our CSS is a big one because we have a lot of features. You can try to use this tool for CSS compression, like this -> http://csscompressor.com/
Thanks for your understanding!
and only this modifications:
– in the index.php we put this snippet because we get errors “PHP Fatal error: Call to undefined function get_header()…. on line 6”:
if (function_exists('get_header')) {
get_header();
}else{
/* Redirect browser */
header("Location: http://theme.com/ ");
/* Make sure that code below does not get executed when we redirect. */
exit;
};
– and in htaccess:
/*CHRISTOPHER's CUSTOM MODS - 1.10.15 rev15A - (c) 2010-2015 Chris Simmons */
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 );
remove_action('wp_head','print_emoji_detection_script',7);
remove_action('wp_print_styles','print_emoji_styles');
function no_errors_please(){
return 'You appear to be up to no good. Please stop 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_action('init', 'myoverride', 100);
function myoverride() {
remove_action('wp_head', array(visual_composer(), 'addMetaData'));
}
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
Hello boos11,
If you want to achieve the similar layout for your homepage looks like the above example, you will have to use a single ROW in STRETCH mode with background color, like this -> http://screencast.com/t/UsQ3dbi7 -> http://screencast.com/t/b2dJk96q0yvp and then, please notice that you will have to use a bit of CSS code to align the Big Grid.
Thanks for your understanding!
How to make the “big grid” element was had separate background?
or any part of the (new row in Visual Composer) had a different background color?
Different background in the video demo template:

Dark bg full with has “big grid” element
lighter bg has a different emenent with visual composer.
Where the admin template panel can I create new css styles?
Thank you for your answer.
Hello Rrezart,
1)I suppose that you want to change the color of this symbol • for your Bullet lists, right? If you want to do that, you will have to use a bit of CSS code and place it in Theme panel->Custom CSS area.
The code is ->
.td-ss-main-content ul {
list-style: none;
}
.td-ss-main-content li:before {
content: "• ";
color: red;
}
The result -> http://screencast.com/t/nQxDE6QN32f9
2,3)Provide more details about what you want to achieve so I will be able to provide a more accurate response/code. Also, you can provide your website URL so I can inspect it closer.
Thanks.
Hi,
I got the feeling, that the CSS file is getting bigger and bigger. In the new version it is 712 kb. It’s really a monster compared to other themes e.g. Sahifa. It has around 200-300 kb.
Isn’t it possible to add simply these things, that I really use? If I’m using only Header 1, I don’t need the rest in my css. Just an example. Sure, I can go through the whole big file and delete it by myself, but with every update the changes are gone.
Are you planning to slim down this CSS monster in the future? You know, Google loves speed and every kb is one kb too much.
Thank you!
Hi Tagdiv
1. I want to change the color of bullet list, but I can not find the code to change via style.css.
2. How to change the format of numbered list for example Step 1, Step 2, Step 3 and so on.
3. Where can I change numbers fonts.
Thank you for your answers, have a nice day.
Hi,
I used this code in custom CSS (I have Newspaper 7) but it didn’t work anymore.
What could i do to fix it please ?
Thanks !
Hello Frydenborg,
Please notice that you can use the Tabs element from Visual Composer in your Widgets area if you are using the shortcode which is generated from VC and add it to your Text Block in Widget, like this -> http://screencast.com/t/xFGfZIbcB but please notice that it is possible to some additional customizations using the CSS for a better look.
Thanks for your understanding!
Hello recons,
1)If you want to change the banner ad to be placed above to the top menu bar require to do some additional customization through code, altering the code from top-menu.php core file like this -> http://screencast.com/t/KmYJf1j70Hzo (custom work) You can change the background-color for your Top menu from here -> http://screencast.com/t/e0yUtFlF5r6
2)If you want to change the structure of the Blocks involve custom work and this type of service is not covered by our support. Please notice that is not a simple task to do what you want and to accomplish that it is needed to do some changes in Block Templates in order to achieve as you wish, like this -> http://screencast.com/t/ClTDp45b5W and also, if you want to create a new Block, you will have to use the API implementation according to our documentation here -> https://forum.tagdiv.com/td_api_blockadd/
If you want to change the fonts for your Big Grid, please notice that this thing can be done from your Theme panel->Theme Fonts, like this -> http://screencast.com/t/dqbyADGshauw For more information about this, please check our documentation here -> https://forum.tagdiv.com/newsmag-font-customization/
3)Please notice that our Video Playlist render only the ID’s which you will add in the certain field and it does not have any automatically option for latest. For more information about this feature, please consult here -> https://forum.tagdiv.com/newsmag-video-playlist/ If you want to add more options for this and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you.
4)Please notice that you can create a new sidebar from Theme panel, for example, like this -> http://screencast.com/t/rrNMH0jM11Q and then this will appear in Widgets Area and from there you can customize as you like -> http://screencast.com/t/65wwo2IUxRum
5)Unfortunately, please notice that our theme does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode or to be increased from current, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hello grahamfleming,
Please notice that our theme does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hello ntvweb,
Please try to use the following code and place it in Header Ad area, like this -> http://screencast.com/t/rZGNA6kno and the code is ->
<div class="td-all-devices"><a href="#"><img src="http://dev.ntv.ca/wp-content/uploads/2016/07/Header-e1469540959103.png"/></a></div>
The result you should see here -> http://screencast.com/t/nlEQLI0YACe and if you want that you image to be fully right aligned, please try to use the next custom CSS code to do that.
The code is ->
.td-a-rec-id-header img {
margin-right:0;
}
The result you should see here -> http://screencast.com/t/0KCXdoSqgWD
Thanks for your understanding!
Hi support team!
I’m trying to optimize the speed of my blog.
At this moment, the instagram widget is activated and when I run a test always the output is:
https://scontent.cdninstagram.com/t51.2885-15/e15/11330690_1689573954597128_1533877579_n.jpg?ig_cache_key=OTkyNzg5NTUwNDI0MTEyNTY3.2 is resized in HTML or CSS from 640×640 to 167×167. Serving a scaled image could save 105.5KiB (93% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/13549398_1151077268261660_1325382630_n.jpg?ig_cache_key=MTI4OTIyOTMzMTMyMzQ1OTU4NQ%3D%3D.2 is resized in HTML or CSS from 640×640 to 167×167. Serving a scaled image could save 89.5KiB (93% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/13556956_1088620701192393_160941678_n.jpg?ig_cache_key=MTI4NzMxNjYxNzQ0MTUzNzgzNw%3D%3D.2 is resized in HTML or CSS from 640×640 to 167×167. Serving a scaled image could save 71.5KiB (93% reduction).
https://scontent.cdninstagram.com/t51.2885-15/e15/10899090_1547714482144641_1057126942_n.jpg?ig_cache_key=ODk3MzY5Njk2MzUxNzk2OTEx.2 is resized in HTML or CSS from 640×640 to 167×167. Serving a scaled image could save 70.4KiB (93% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/12331912_803672486421507_81091213_n.jpg?ig_cache_key=MTEzMzA1ODAyNjcwNjU0OTk1MQ%3D%3D.2 is resized in HTML or CSS from 640×640 to 167×167. Serving a scaled image could save 62.0KiB (93% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/13534140_1670941219684269_1578125793_n.jpg?ig_cache_key=MTI4NzQxNDkxMjUxNTkyOTA5Nw%3D%3D.2 is resized in HTML or CSS from 640×640 to 167×167. Serving a scaled image could save 55.8KiB (93% reduction).
As you can see that images are on a Instagram CDN.
What steps do I need to do to scale that images, and improve my blog speed.
It was an alteration in my CSS that caused it.
Specifically:
.td-header-wrap {
margin-bottom: -20px
}
Thank you for the help. Resolved.
Hi,
The characters you see are the text next and prev that visual composer adds. If you make them even smaller the text should be readable. You can try to choose another font icon using the font awesome 4 menus plugin and choosing different icons from their repository: https://astronautweb.co/snippet/font-awesome/
Then you can change the “content” code for the buttons by using this css:
.flex-direction-nav .flex-prev:before{
font-family:fontawesome!important;
content: '\f001'!important;
}
.flex-direction-nav .flex-next:before{
font-family:fontawesome!important;
content: '\f001'!important;
}
Thank you!