- NewsmagTheme colors introduction
- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
So, I want to remove Google fonts, stop them being loaded in page head, and use default mobile friendly font stack, also works for desktop:
——- PART 2 / FONT SWAP;
remove default Google Fonts in theme and loaded externally ——–
**/theme/includes/td_config.php
/remove google font calls for defalt roboto and open sans
lines 3247-3259 — remove:
/**
* the default fonts used by the theme. For a list of fonts ids @see td_fonts::$font_names_google_list
*/
td_global::$default_google_fonts_list = array (
'438' => array(
'css_style_id' => 'google_font_open_sans',
'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'
),
'522' => array(
'css_style_id' => 'google_font_roboto_cond',
'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Roboto:400,300,700,700italic,400italic,300italic'
),
);
**/theme/style.css v3.1
<< do search/replace for ‘string’ using text editor like BBEdit, TextPad, etc.) >>
lines 352 + 866 + 962 + 1663 + 1752 + 1861 + 2608 + 5355 + 5388 + 5450 + 5691 + 5734 + 7303 + 7340 + 7565 + 7608 ((ETC.)),
replace: font-family: 'Open Sans', arial, sans-serif;
with modern font stack:
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
lines 379 + 387 + 473 + 1968 + 2006 + 2118 + 2160 + 2301 + 2625 + 7500 ((ETC.)),
replace: font-family: 'Roboto', sans-serif;
as above, same font stack, or choose a serif stack for replacing Roboto.
this isn’t best choice, but option:
font-family: Rockwell, Georgia, Times, "Times New Roman", serif;
======
REMINDER: these haxx need to be done EVERY theme update; keep record and backup of your files in sub-folder on your work PC/Mac to easily redo this as needed for future versions of Newsmag (if you want… or not, won’t matter to me either way … just sayin….) 🙂
hi, i’m using the latest version of themeforest and wp. When i am surfing with mobile in my website, mobile theme does not work randomly.
any suggestions?
link: sanalsantiye.com
Some of my posts (Not everyone) are displayed as mobile on desktop mode!
Like this:
http://www.giochi-da-tavolo.it/migliori-giochi-di-societa/
This is a real problem that could affect any other site using Newspaper…
How can solve this issue??
Thanks!!
Well, apparently this is not just an issue with mobile theme.
Even if I disable the mobile theme and access the page on iPhone 6s on portrait mode, it still shows that gap. Doesn’t happen in landscape mode
Hi,
I’m using the Newspaper theme (latest version)
I have activated the mobile theme on my site (www.beingfilipino.com) and noticed that when the sticky menu is activated (always, mobile or any other option), the page is re-sized (in terms of width). So here is what happens-
1. Mobile theme is activated and sticky menu is enabled always
2. I’m testing this on iPhone 6s in portrait mode
3. Load the site, the page loads and everything is fine. The content is displayed to the full width of the screen.
4. The issue starts when scrolling
5. I scroll down and then scroll up. When scrolling up, somehow the width of the container is changed due to the sticky menu.
6. if you scroll up to the very top, you’ll notice that the actual header menu is cut off on the right, meaning it has some white space at the end and the page content also doesn’t use the full width available.
here’s what i mean

I tried to change some of the css properties to show max-width, but didn’t help.
Could you help me pls???
Hi, folks
I’m “re-tuning” the NM 3.1 – having moved from v2 (finally!). Working great with the beta TD Composer so far, but barely touched that.
I’m looking to completely remove these loading from theme:
http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&ver=4.6
http://fonts.googleapis.com/css?family=Roboto%3A400%2C300%2C700%2C700italic%2C400italic%2C300italic&ver=4.6
and instead use the new default font stack used by WordPress 4.6x in place of Open Sans.
This new font stack is a little better than the one I have been using (noted in my epic optimization tutorial thread near the end) as it is tuned for modern mobile devices much better than my desktop focused version:
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
(REF: https://make.wordpress.org/core/2016/07/07/native-fonts-in-4-6/ )
This would make a nice “default” setup for Newsmag, “unless Google fonts chosen,” vs default having Google fonts chosen.
In any case, if you can help me out by pointing me at the correct files to tweak to make this change would be awesome. Things have moved around a bit, so the old search/replace in style.css not quite same method now 🙂
I have no problem hacking a core file to remove Google font calls, as I’m prepared to do that each theme update for my other tweaks.
THANKS!
HI, I don’t want to use the mobile theme though as i don’t have any recent posts to display. I just want a menu on the normal website for mobile?
Hi Bogdan,
Thanks for your quick reply and guidance. I have followed your suggestions and was successful yesterday in updating the theme for correct mobile theme display for my site. The mobile site version is working fine now.
Best Regards,
Haj
Hi
Please provide your site url so we can have a closer look at thi issue and we will get back to you as soon as possible. Meanwhile make sure that you have a menu set for mobile devices: http://screencast.com/t/v2J3etMMV More details about theme how to create a menu can be found here: https://forum.tagdiv.com/main-menu/
Thanks!
Hello,
In order to upload just the fix for the mobile theme you will have to download the theme package and replace the “mobile” folder from the main theme folder: http://screencast.com/t/3CySFBUoC
Thank you!
Hi
I assume that you want to move post’s title to the top of slide block. To achieve that try this css in theme panel > custom code> custom css: http://screencast.com/t/uTJjm4qD6g
.td-theme-slider .slide-meta {
top: 16px;
}
To reduce slide’s height you can use this css:
@media(min-width: 768px){
.td-theme-slider.iosSlider-col-3 {
height: 500px!important;
}
}
To reduce the font size on mobile try this code: http://screencast.com/t/OP5LVsoJ
@media(max-width: 768px){.td-theme-slider.iosSlider-col-2 .td-module-title a, .td-theme-slider.iosSlider-col-3 .td-module-title a {
font-size: 15px!important;
line-height: 17px!important;
}
}
I hope this helps.
Thanks!
Hi,
Thanks for letting us know! I have added it on our list and it will be fixed in a future theme update.
Please try this custom css in Theme Panel > Custom Css for a quick fix – http://screencast.com/t/KEYpJ1Um
#td-mobile-nav .td-menu-socials {
height: auto;
}
Thanks!
Is it enough to replace the mobile Theme Plugin?
Which version is running without the problems? 7.3
Best,
Marvin
HI
Unfortunately unique article option is not available on mobile theme for the moment, sorry. The mobile theme displays three posts from Featured category then a list with latest articles. If Featured category does not contains any posts you will have unique article on mobile pages. For the moment this is the only solution.
Thanks!
Hi
Both task involve many customizations in theme’s core files and unfortunately I can’t provide a solution at the moment. Mobile theme does not have any options to filter posts and to implement them is required a specif approach.
We can’t offer customization services at the moment so if you really need this and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you. Also you can deactivate the mobile theme plugin and all content displayed on desktop will also be displayed on mobile devices.
Thanks!
Hello,
The author will need a bit of a css fix as the css got changed a bit in the new update but the author name was not updated for it. So until the next theme version please use this CSS code in the mobile theme’s custom code box:
.td-post-author-name div { display:inline; }
Thank you and sorry for the inconvenience.
Hello,
The author will need a bit of a css fix as the css got changed a bit in the new update but the author name was not updated for it. So until the next theme version please use this CSS code in the mobile theme’s custom code box:
.td-post-author-name div { display:inline; }
Thank you and sorry for the inconvenience.
How can i set mobile theme to have unique articles?
The big slide on my homepage at http://themedium.ca is currently not working. In all major browsers, including mobile, you can see a little of the next panel of 4 images appears below the first panel, and the arrows / sliding between panels do not work or respond. I’m also seeing a console error with tagdiv_theme.js. I’ve already tried turning off a few likely plugins, including caching and my plugin that uses the TD API (yes, this occurs with the regular Big Grid Slide block as well). Please help!
I like the mobile theme but was wondering if the following modifications could be easily made with some coding on the mobile editor. My desktop has four landing pages.
1) I would like to filter the content that is shown on the front page of the mobile theme by category.
2) I would like to replicate the mobile front page on my three other landing pages with the ability to filter the content that is shown by category.
As the title describe, using iphone5s & iphone6s, the author name is lost behind the post image. I try to copy/paste the code that i saw on another post (td-post-author-name inline etc) but it didnt change anything.
Is there any another way to fix this css issue because im getting bad feedbacks from visitors.
Thanks for the beautiful theme, the best in the market!!
Hello,
I updated Visual composer and the latest version of the Newspaper theme. I noticed that the author’s name i snot showing properly.
The author’s name inside the news post does not appear properly on mobile only.
wv.cloudaccess.host (mobile only)
Click on ANY news post and you will see that the author’s name above the social media icons is not being displayed properly.
Screenshot of the problem: http://wv.cloudaccess.host/mobile.png
Thanks
Hello,
The loop ad is only available on the mobile theme for the moment. The desktop theme has no such functionality for the moment. It can be done by altering the theme files if you are ok with changing the theme code. Please follow this topic: https://forum.tagdiv.com/topic/how-to-add-ads-in-category-pages/
Thank you!
Hello,
This depends on whether you use thew child theme or not. The child theme has it’s own css and you should add the code in the mobile theme tab under custom code. Also if the code is not specific enough, the child theme code could still be overwritten by the default code. Css sometimes does that as it’s a very specific language.
Thank you!
Also just to add – I’ve been using the Automattic plugin with Yoast Glue, Yoast SEO and there is also Custom (AMP) Accelerated Mobile Pages plugin by lamvt – this adds ‘related posts'(although at random dates) and it adds your mobile menu -they all work great with the theme – I don’t use any of my ads at all – why? because the AMP pages show up in search results (currently only news carousel though this will change soon) – and therefore they’re probably new visitors who will view the main site at some point, page views increase anyway, brand awareness increases, and the big regional competition aren’t using AMP yet because they’re scared – so I actually look better then many regional brands – the theme works perfectly with this set up for me.
-
This reply was modified 9 years by
PatWire.