- ApiUsing the Theme API in plugins
- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
Hi
You can try this css in theme panel > custom code > custom css to achieve a similar layout: http://screencast.com/t/F9EgCwlA2
@media(max-width: 768px){
.td_block_11 .td-module-thumb .entry-thumb {
width: 100px;
float: right;
margin-left: 20px;
}
}
If you want a different implementation you will need some cutomizations in theme’s files as the css code can’t reproduce 100% the layout of block 8 on mobile.
Thanks!
Hello,
The theme only offers the ad spots from the theme panel. Please understand that any other ad placement you want will have to be made custom and coding skills will be required. For the standard ads from the panel, there are options to hide ads on particular viewports: http://screencast.com/t/iICtxBzkK
If you want to place ads besides the website you need to add them in header.php and then use css to position them with a (fixed position) and hide them for tablet portrait and mobile using media queries.
For example:
You can use a do_shortcode function to add your banner to the site. You can use one of the custom ad spots for it: http://screencast.com/t/XPYCo8hdzn
Then you can target it with css for positioning:
.td-a-rec-id-custom_ad_1{
position:fixed!important;
left:0;
top:300px;
z-index:99999
}
You can repeat this fort the right side ad.
Hope this helps.
Thanks.
Hi,
The theme doesn’t have an option to set a different page for mobiles, sorry. We plan to improve the mobile theme in a future update but for now I cannot say when this will be implemented. Until then you could try one of the solutions presented here – http://screencast.com/t/yQZEYNsJd6L – http://stackoverflow.com/questions/16165211/how-to-set-a-different-static-homepage-for-mobile-version-wordpress
Thank you!
Hello,
I am currently using Newspaper theme for my blog: http://blog.onlinetyari.com/
I wish to a click-able mobile icon (16×16 or 32x32px) next to the search icon so it can redirect to Google Play Store of my App. Where do I make changes in the source code?
Hello FrancescoITB,
If you want to disable the zoom effect for your mobile mode, please try the code below to do that. place the code in Theme panel->Custom CSS area.
The code is ->
@media (max-width:767px){
.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
}
Thank you for the message!
Hello pajura,
Unfortunately, our upgrade does not affect the quality of the thumbs. Please check our changelog and there you can see what improvements contain the update. On the mobile, this is the behaviour of the theme about image. All of these will be zoomed by CSS code and the image could have a lower quality.
-> http://screencast.com/t/UgLsY52gQ7vG -> http://screencast.com/t/2qwC506j
For more information about our change log, please consult the bottom of this page -> http://themeforest.net/item/newspaper/5489609
Thank you for your understanding!
Hello Albert,
Unfortunately, our theme does not have such an option to change the design for mobile mode and also, you cannot use the big grid 4 for your mobile mode and the block 18 on your desktop mode. If you want to make additional customizations you have to alter the code from core files and this require custom work. If you want to display more levels in our theme and you are not aware to the steps in this regard, please consider hiring a freelancer/developer to implement this for you because we cannot provide custom work at the moment, sorry!
Thank you for your understanding!
I can see your perspective.
But I have poor quality thumbs on the website. I did regenerate the thumbs after upgrade the theme.
On mobile look very poor.
The original images are 16:9 in HD format, so I guess this is not the issue.
How can I fix this issue please?
Hi James,
Yes randomly – but with PRO is also adds a ‘weighting’ option if you need it
See westbridgfordwire.com – Header and Leaderboard (under header) ads on the site are embedded AdRotate ‘groups’ with a random rotate applied every 8 seconds – the AdRotate shortcodes are added to the Theme Panel (TagDiv) Ads sections.
Sidebar are a mix of AdRotate ‘single’ and’group’ in AdRotate widgets – the only issue is a ‘jumping’ on mobile, but there’s an easy ‘plugin edit’ from the dashboard that can stop this issue. You may not experience this anyway.
Pat
Hello,
Unfortunately we cannot help you in this matter as it is not covered by support. We cannot provide customization services at the moment. We try to help out where we can but your modification requires quite a bit of time to alter the theme css and we cannot tackle such tasks. You will need to edit style.css and remove all the parts of the css that switch to the mobile version of the theme. We recommend hiring a freelancer to help out on this task from sites like studio.envato.com.
Thank you for your understanding.
Hello,
At the moment, our theme uses the same menu for both the mobile and the desktop versions. You can have different menu items with a css trick (without the use of plugins to make the site heavier) to hide specific items for a specific viewport. For example if I want to show a particular menu item on the mobile version but not have it on the desktop/tablet version I would use css like so:
http://screencast.com/t/Imc40ktOxkQ then you can use the advanced css area in the theme panel to hide it on the desktop and tablet version: http://screencast.com/t/6bMol3cjNy
result: http://screencast.com/t/udclPfONn4 – http://screencast.com/t/c1aMafVY
Hope this helps.
Thanks.
Hi
I’ve checked your site and on mobile version I found a js error in browser console. This error seems to be related with theme js: http://screencast.com/t/obNbampt4XM and could affect theme functionality.
Try to deactivate all plugins except Visual Composer, clear all caches and test again.
Let us know how it goes and if the problem persist please send us an email at contact@tagdiv.com with your login credentials and we will inspect this issue as soon as possible, also include a link to this topic.
Thanks!
Hello associatedmediacoverage,
Unfortunately, our theme does not have such an option to be disabled the mobile version, sorry! Our layout of the theme is responsive and the theme has been designed to look good on the mobile version. If you want to give up to the mobile theme, practically, you have to re-customize all the design for the theme for mobile devices and this involves custom work. Please notice that it is not a simple task and require to do some additional customization which involves better knowledge for PHP/HTML/CSS for a good implementation and best results. If you want to develop our theme in this regard and if you are not aware to the steps which have to be followed in this case, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
Unfortunately not as we have not managed to do any tests in this concern eventually due to the amount of requests and matters present on our todo list or their required solutions. Sorry!
Currently a mobile theme usability is still not tested for newsmag theme. We plan to develop and offer an alternative solution for this however I cannot give you any additional details on this at the moment.
Thank you!
Lucian C.
Hi
The css does not apply because you’re targeting the link from block title but there must be targeted the container itself. Try this css in theme panel > custom code > custom css: http://screencast.com/t/VLlF9ImJ76
.td_block_11 .block-title {
margin-left: 0!important;
}
For mobile device you can use it like this: http://screencast.com/t/8pivGh8uyoxB
.td_block_11 .block-title {
margin-left: 0!important;
}
.block-title > span {
padding-left: 10px!important;
}
Let me know hoe it goes and if you need additional information please provide more details so I can get back to you with a more accurate answer.
Thanks!
Hi
The theme has been developed to be fast but it may still need configurations on this matters so test your site using google’s page speed insights testing tool(or gtmetrix) and make sure you follow the guide instructions and methods then test your site again.
First of all deactivate all plugins except Visual Composer, clear all caches then test your site page-speed again. In terms of speed we have made a page speed guide and covered the most important aspects that google notifies you of (image optimization, js/css render blocking and more..) and based on which it classifies and grades your site’ regarding speed. You can find it here: https://forum.tagdiv.com/how-to-make-the-site-faster/
If you decide to use the speed booster keep in mind that is an optional plugin and it was designed to work only with tested plugins – http://screencast.com/t/FXXDNtqfz in case you use other plugins it will be automatically disabled, so please check System Status – http://screencast.com/t/XAYYQgfRvEC To make it work with other plugins you will have to alter the code and remove/comment this – http://screencast.com/t/RZLIOPUNdqh Also you may find some useful information here: https://forum.tagdiv.com/topic/website-memory-problem/
Regarding your the mobile theme module from Jetpack plugin that was not teed to work with the theme and if it’s enabled it loads a different theme on mobile devices. For more details about this check this topic: https://forum.tagdiv.com/topic/newsmag-broken-on-mobile/
Thanks!
http://www.womensgolf.com
No images (apart from the logo in the header and footer) are visible on mobile devices.
Issue occurs with both iOS and android mobile phones.
Images display normally on Desktops and Tablets.
Actions so far
Deactivated all non-tagdiv plugins except Visual Composer.
Installed and ran the Regenerate Thumbnails plugin.
Installed W3 Total Cache and ran ’empty all caches’ and ‘purge CDN completely’.
Activated previous theme ‘Themify Magazine’ and checked mobile view – working normally
Reactivated Newsmag theme and checked mobile view – all images (apart from the logo in the header and footer not appearing
About 40% of our traffic is on mobile devices other than tablets so this is a serious and urgent issue for us
Thanks,
Richard
I’ve been trying to add a html widget (with an autosize function) inside one of my columns (1/1) on the homepage and I get mixed results. With autosize, the width fills up but the height stays narrow not showing the full chart. If i were to replace the “autosize” and input with actual “widths” and “height” then it wont autosize on the mobile version, being too big too see on your phone.
So the main problem is getting the chart to show up on the mobile version of my website without it being too wide to see, and then also being big enough for those desktop viewers. The only way I can see this working is if I can have it on autosize but somehow find a way to increase the default widget box css height but how?
<!– TradingView Widget BEGIN –>
<script type=”text/javascript” src=”https://d33t3vvu2t2yu5.cloudfront.net/tv.js”></script>
<script type=”text/javascript”>
new TradingView.widget({
“autosize”: true,
“symbol”: “FX:SPX500”,
“interval”: “D”,
“timezone”: “Etc/UTC”,
“theme”: “White”,
“style”: “1”,
“locale”: “en”,
“toolbar_bg”: “#f1f3f6”,
“allow_symbol_change”: true,
“hideideas”: true,
“show_popup_button”: true,
“popup_width”: “1000”,
“popup_height”: “650”,
“no_referral_id”: true
});
</script>
<!– TradingView Widget END –>
Or is there a way to disable the mobile version of the newspaper theme so everyone redirects to the desktop version no matter what?
Theme does fully support AMP, but any customizations you need have to be made to the actual AMP template provided with the AMP plugin.
So, best bet is to try inserting the video into the template itself either from custom field, or pull the field from the video post type?
Then check validation tool from Google … be careful of some funky stuff with iframes, everything MUST be https if loaded from external location, and there cannot be any inline styles like align tags on paragraphs vs using a class.
Not sure that answered your question, but luckily it’s easy to mod the AMP template. 🙂
==========================
See my tutorial thread on AMP.
https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/
Theme supports AMP via the plugin made by the same people who make WordPress.
Using YOAST SEO, AMP plugin, and Yoast AMP Glue, our sites are working very very well with AMP.
See my tutorial thread on AMP.
https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/
Theme supports AMP via the plugin made by the same people who make WordPress.
Using YOAST SEO, AMP plugin, and Yoast AMP Glue, our sites are working very very well with AMP.
-
This reply was modified 10 years by
simchris.
Hi
I am attempting to change my theme to Newsmag. Everything looking good when I’m logged into the admin panel
https://www.dropbox.com/s/58nhn3xrsetvsql/wg%201.JPG?dl=0
but as soon as I log out it doesn’t render any styles at all. All browsers (desktop/mobile) look like this
https://www.dropbox.com/s/ra0s4jya982o58f/example%20of%20how%20womensgolf.com%20appears%20in%20all%20browsers%20-%20this%20is%20chrome.jpg?dl=0
What are the possible explanations for this?
Richard
All mobile themes are “responsive” which means they are designed to move elements on “the grid” depending on viewport, and if they don’t fit, they drop down to next row in grid.
I think you can alter the “break point” to keep the sidebar on ipad portrait if that’s the sort of thing you’re thinking, but obviously a sidebar on a small phone makes no sense.
TagDiv will be able to give you heads up altering the breakpoint (this is actually one of the reasons we use the Newsmag theme, to keep the sidebar on the iPad portrait view, which it does by default).
Hi all,
I’m new to working with word press themes.. We would like to be able to disable our mobile view all together. Our sidebar adds get placed on the bottom of the comments section, which cuts our add revenue in half in comparison to another site with similar views we have that doesn’t have a mobile version.
I’m searched the settings over several times.. looked through the forum, and can’t figure it out for the life of me.. I’ve seen some things online that suggest it is possible on some themes by editing the code, but I can’t seem to figure that out either so any help would be greatly appreciated.
We LOVE the newspaper theme, it is overall super easy to work with, and visually stunning.. however, if we can’t figure this out we will have to switch to a different theme which I’m sure wouldn’t look half as nice so we are really hoping to avoid that and hoping someone can help resolve this issue so we are able to..
Thanks!!!!
Yes, you should ideally serve ONE version of site, but normally you would setup your DNS to serve both www and non www, which it appears you’ve done, and then make sure your CANONICAL links say the one you want — this is one of the reasons that Google et al implemented the “canonical” link — this tells bots which link is the “real one” and which is another version, such as www or not www, amp, mobile, etc.
So, check your canonical links are showing on each page as the “actual” link you want the page to be “known as” and of course Google has tool to let them know also. But this needs to match on your site, your theme, your internal links, Google Search Console, G+ account, AdSense, etc.
Hi everyone,
I’m tottaly newbie here.. please help
I have issue with page speed for the first place.. I have installed the newsmag, sinced i also installed lot of others plugins. i’ve been experiment with jetpack mobile theme activated. In the beginning i thought it would get a long together with the newsmag theme, after a while.. it ruin my mobile looks. right away, i’m just deactivated the jetpack ( just like they said ) and it still stuck with the current jetpack mobile theme. Anybody could give me advices, what is wrong and what should i do?
Thank you..