- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewsmagtagDiv Composer Tutorial
- NewsmagWeather Widget
- NewsmagExchange widget
- NewsmagInstagram widget
- NewsmagHow to use the Visual Composer plugin
- NewsmagIntroduction
- NewsmagFooter templates
- NewsmagCustom ad spots
- NewsmagLoading image effects
- NewsmagSmart sidebar
- NewsmagFeatured images
- NewsmagGeneral settings
- Newsmag7 days post sorting
- NewsmagTheme thumbs
- NewsmagExcerpts introduction
- NewsmagTheme colors introduction
- NewsmagtagDiv slider gallery
- NewsmagVideo playlist
Hi,
The top menu was not designed to work on mobile, that’s why it is hidden. But you can use custom css in Theme Panel > Custom Css to show it on mobile but you may need additional customizations for menu items that may drop on more rows – http://screencast.com/t/TT9KZLijK7fK
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
}
And also for mobile screen theme has a special menu designed for it – http://screencast.com/t/x18VmP2cg
Thanks!
Hi,
Do you refer to the hover color? – http://screencast.com/t/x66xnFNf1t3O This is the theme accent color that is used also on hover – http://screencast.com/t/VKEX5PbHc and you can change it via custom css depending what module(if you use blog for you homepage) do you use.
Also if you are using blocks on your page if you change the background color for your block title it will change automatically the hover color for your articles titles like you ca see on our demo – http://screencast.com/t/MI5hGnqlh8 – http://demo.tagdiv.com/newsmag/
Please provide more details and your site url so we can take a look.
Thanks!
Hi,
Unfortunately the theme doesn’t have an option to change the category color on modules/block, but you can change it using custom css in Theme Panel > Custom Css: http://screencast.com/t/tzmTIsOd
.td_block_11 .td-post-category {
background-color: rgb(199, 60, 60);
color: #3DAEE8;
}
Thanks!
Hi,
@mazhar Did you solve the sidebar issue? I have checked your site and you use a different sidebar for content and latest articles – http://screencast.com/t/LZgjUWFd8 – http://screencast.com/t/NQi5KmVB
If you don’t please provide more details about what you want to do.
The page content sidebar can be displayed with Widgetised Sidebar block – http://screencast.com/t/h2ppxeiKm
For you Latest Articles – http://screencast.com/t/y02w8FWBcW and also for categories you can choose a sidebar each category like Christopher suggested above.
Thanks!
Hi,
You can add a custom url for a block from settings – http://screencast.com/t/iVFKVuU2
If you want to remove link from all blocks titles you can remove this from the code – http://screencast.com/t/SKs4uEBS8mQu
Thanks!
Hi,
You can split the row to 2/3 + 1/3 and add the revolution slider using Visual Composer, also a block for your most popular articles – http://screencast.com/t/WtvraMvn
Thanks!
Hi,
You can try this custom css to target social block customization – http://screencast.com/t/UQsUcvr2b8o1
.td-footer-wrap .td-social-wrap .td_title_style_1 span {
font-size: 30px;
color: #ffffff !important;
}
.td-footer-wrap .td-social-wrap .td_title_style_1 {
border-bottom: none !important;
text-align: center;
}
Thanks!
Hello Alin,
I only now began to work on this.
Alas, I cannot find a file named td_block.php in our folder structure. In your screencast it is located in a folder named wp_booster, but there is no such folder on our server, and I don’t find the php file in any of our folders.
-
This reply was modified 11 years by
Vesa.
Hi,
you can add the following to the file /wp-content/themes/Newspaper/includes/modules/module_modifier/td_module_blog.php in line 200:
//do not show the featured image on post of these categories
if (in_category('SLUG-OF-CATEGORY')) {
return;
}
like this:

-full reference: http://codex.wordpress.org/Function_Reference/in_category
-this does not hide thumbs in the blocks or categories listings, it hides the featd image when viewing the post itself
-this will be gone after a theme update, remember to keep tabs on things like that
hope this helps, cheers.
Hi,
I want to remove the sidebar on mobile devices I have this CSS sidebar but still , any ideas
@media(max-width: 767px){
.single .td-main-sidebar {
display: none;
}
}
.td-header-style-10 .td-header-text-logo {
margin: 0px 10px 30px 30px
}
.td-footer-container {
margin-right: auto;
margin-left: auto;
position: relative;
background-color: #222222;
padding: 0px 0 0px 0;
color: #ffffff;
}
.td-pb-padding-side {
padding: 8px 0px 0px;
}
.td-footer-container .td-footer-info {
margin-bottom: 0px;
}
.footer-logo-wrap {
margin-bottom: 0px;
display: block;
}
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: #2daae1;
color: #000000;
z-index: 999;
}
.td-ss-main-content{
margin-left: 10px;
margin-right: 10px;
}
.td-page-title {
display:none;
}
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: #2daae1;
color: #ffffff;
z-index: 999;
}
.td-sub-footer-container {
padding: 0px 10px 0px 10px
}
.td-category-description{
padding: 23px;
}
.titulares {
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 25px;
line-height: 35px;
font-weight: normal;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: #4db2ec;
}
THX
Block title and date are shown in the top left corner of the big slide.
We would like to have the name of the author shown there – e.g. in place of the date.
Is this possible?
Thanks in advance.
Hi,
Each block comes with a settings panel on which you can set the category and various other options – http://screencast.com/t/z0tR0O8geh – These options allow you to control what’s displayed in each section.
The same is available for widgets – http://screencast.com/t/VPe1BG8u1Z
If you can’t find it please provide the url, i’ll look into it and come with more details.
Thank you!
Hi,
I am using the Multiple category filter option in the VC in Block 6, when i save and come to home page i am getting this issue of hyperlink on title of block 6 -http://www.screencast.com/t/FOnkU7Gel8
I want to remove this hyperlink, want can i do??
Thanks
Bharath
I may be overlooking this in the theme settings, but I’m using Block 11 > Module 10 and I want to change the colors of the category tag. See here: http://screencast.com/t/E2OJFZVTnZ
Hello,
I have problem. I dont see misc menu. When i click some position in Misc for example: Block Setting, Background etc. I dont see options for that posistions.
Can you tell me whats wrong with my newsmag?
Some sites can be blocked by FB’s API for doing “too many stats checking” — some of the junk “test my site for free” services out there. And FB often gets overloaded so stats being pulled via their API don’t always show the correct info. If you got to your FB page and it says 993 followers/likes… then that is what you have.
Obviously the plugin included with theme is pretty accurate, but it depends on whether the API is working on the other side or not.
Upshot – if the free testing sites can’t show accurate stats, then don’t use them đ
Hello All,
Just bought the theme today and read documentation. It is a great theme. I have some problems with the theme.
1. On the front page i want to use Block 7 with 2 COLUMNS >> http://demo.tagdiv.com/newspaper/block-7/, and 2 COLUMNS BLOCK 2 http://demo.tagdiv.com/newspaper/block-2/. On my website they look with 3 columns the both blocks. Why?
2. Here the pictures have the same dimension in blocks http://demo.tagdiv.com/newspaper/block-2/. On my website the pictures dont have the same dimension (featured image).
3. In categories “SHOW FEATURED SLIDER” dont work. From 4 posts the slider show only one pic from one post.
The site has 6 post on it, posted before install the theme.
Thank you very much for help and sorry for my english.
as I can hide blocks in desktop, and display on the phone with CSS?
I downloaded the demo version of newsmag. Now I am trying to modify everything to my own material.
Im struggling how to modify the homepage blocks.
For example, the “fashion week” block under the featured pictures, how do I change this block to my own articles???
Thankyou.
Ok. Fixed it.
What had happened was when I asked how to prevent the logo from loading in the middle first then loads to the left I was told to edit the css file
Also you have to change the css code in style.css file as the default style is loading first and because of the cascading property of the css style appears the delay you have noticed. So try to remove this code â http://screencast.com/t/77pQNXhaN then clear cache and see if it works.
Please note that this change will affect also other headers so if you change the header style revert this change.
I didn’t want to change the original file so I copied the style.css over to the theme folder and made the change. What would be the correct way of changing this without changing the original file?
For basic minification of the CSS and possibly main js files, see my optimization guide.
Be aware that there is really no 100% way to fully optimize loading the above the fold content with any commercial theme like this one — this is because there are many options and functions being loaded in order to render the page at all, and to provide folks to create totally different designs.
Many articles have been written online about getting a perfect score with PageSpeed and WordPress and that requires custom building a theme from scratch and setting up regions where CSS and js are loaded conditionally and in series based on the content sections. Very complex and outside the scope of commercial themes.
Limiting things like mega menus can help, making sure any external resources load via async (we used to use addthis for social buttons on our sites and had to ‘hack’ that to add async loading of their js, because they were too stupid to do it with one line of code in their WP plugin).
Often to get the best “real world” score for your site, you need to disable any/all things which load externally (ads, etc.) and then test that. Optimize. Then switch on external things, optimize “if possible” and then realize the “real score” doesn’t count the Google ads stuff.
You can’t control caching of external elements (time to live), or minification of external resources. With Google fonts you can load the CSS locally in your own style sheet, then simply “draw” the fonts from their CDN. Now that “Roboto” is open source, one could in theory even load that font off your own server and bypass Google entirely. Or just use “web safe” fonts, to eliminate any external font loading.
For the above the fold render blocking blah blah. If your mobile score is above 85 you’re fine; if your desktop is above 90 you’re fine. But there is a notable “tuning” process to this, and again — it’s almost impossible to eliminate the “render blocking” or “above the fold stuff” entirely with *any* commercial theme.
Not sure any of that helps… just some feedback on my own suffering using commercial WordPress themes, and also building my own bootstrap 2 templates which are running our main business portal (using .shtml and custom page builder CMS; not WP).
Hi, recently bought and installed the Newspaper theme on my site and when i used the youtube video playlist block on visual composer it shows the list but cant play any video. Checked it with chrome element inspector and found this console errors:
Uncaught ReferenceError: td_youtube_list_ids is not defined
td_youtube_player.loadPlayer @ site.js?ver=4.6.3:3743
window.onYouTubePlayerAPIReady @ site.js?ver=4.6.3:3730
(anonymous function) @ www-widgetapi.js:38
(anonymous function) @ www-widgetapi.js:38
Please help!
1) for Eliminate render-blocking JavaScript and CSS in above-the-fold content: like mentioned, didn’t know where to put them so i reverted to the original file. please let me know where to put both, css and js.
pastebin td-speed-booster: http://pastebin.com/MtRgLy7d
2) for cache i’m already using w3 total cache, should i change to WP Super Cache?
3) any plugin to recommend for minify?
4) Prioritize visible content
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
The entire HTML response was not sufficient to render the above-the-fold content. This usually indicates that additional resources, loaded after HTML parsing, were required to render above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold by including it directly in the HTML response.
What can i do for this?
-
This reply was modified 11 years by
instacomedy.
Hi,
You can use the css code below, for this result: http://screencast.com/t/HleUJtBAn
Place it in theme panel > advanced css section for phones: http://screencast.com/t/URVYbzEAr
.td_block_wrap.td_revolution_slider {
padding-bottom: 0px;
}
.td_block_wrap.td_block_big_grid {
padding-bottom: 0px;
margin-bottom: 10px;
}
.td_revolution_slider .td_mod_wrap {
margin-bottom: 10px;
}
Thanks
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Use Visual Composer’s page builder and add the big slider element on your page, like this: http://screencast.com/t/KSny4z49Bwmv – http://screencast.com/t/M3O1eFh6
Please also consult our documentation on this: https://forum.tagdiv.com/modules-and-blocks/
Thanks