- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperNewspaper theme documentation
- NewsmagTheme colors introduction
- NewspaperTheme Colors Introduction
- NewspaperWhat’s Included in the Newspaper Theme Package
- ApiUsing the Theme API in plugins
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewsmagSmart list ads
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
Hi,
The best way would be to replace and/or add it in your css style sheet this way your css will be loaded with the main css, note though that the style.css file can be modified within an theme update so you would have to make this changes again after an update.
Hope this helps!
Thanks
If you look at the v 4.4 ‘changelog’ that comes with the theme, you will see that the 980px layout has been deprecated (retired) in order to make a better grid system more compatible with wider range of mobile devices, and for those who want more options for columnar layouts, likely based on how Bootstrap 3 is setup.
For now, you would need to stick with 4.22 or 4.3 in order to keep that style you’re looking at using.
Put another way, there is no longer a 980px grid in the theme.
Yes, it was in my theme panel. I moved all the code from theme panel an added it to css file and with iphone it’s ok now..the same with Opera, but i don’t know what else to do, maybe it won’t be a big problem for users i hope.
I’ll try one more thing, to move all this code to main theme..
Btw, when i add or change something in theme panel all this code appears pretty much on the top of my source. So maybe for speed it’s better to add it to css file? What would you suggest about it?
Hi,
Could be make sure you empty cache, purge files if you use any CDN or cache plugins.
Also inspected your site for this custom css and I found all but this:
.post header h1 {
margin-top: 17px !important;
}This is why you still have this issues. Please make sure this css it’a added right into theme panel.
Use it like this:
@media (max-width: 768px) {
.single .post header h1 {
margin-top: 17px !important;
}
}You could also try to edit the style.css file and add it there if still dose not work.
Thanks
You would likely need to remove the CSS from the theme for the responsive @media viewports.
Responsive design is better for SEO, and Google actually dings you for not having mobile friendly site now, and with more and more people doing their web surfing on mobile devices, it isn’t advisable to “turn it all off….”
But you can hack the style.css sheet to remove the @media points for other sizes, and see if that works for you.
Since the theme is sold as designed for responsive design, you could also look for a fixed layout theme, perhaps; but I’d try hacking the style.css sheet first 🙂
Hey guys, I want the site to fully show like it is in the browser. So basically no longer mobile compatible. I went to Theme Panel > Responsive Settings thinking that would help but that only makes the site thinner in widget on the desktop. Nothing changes in the mobile view. Am I overlooking something?
Hi,
The browser compatibility is stated on the theme presentation page: http://screencast.com/t/QnSwz9WKq
Thanks
Hi all,
Yesterday we managed to migrate our old theme to newspaper.
http://www.musiccorner.gr
Everything looks great but i have 3 small issues.
1. Between the header menu i put a single line which created with the following css code (i found this code from an answer here in forum)
.td-menu-placeholder .td-menu-header {
border-bottom: 2px solid black !important;
border-top: 2px solid black;
border-right: 0px solid black;
border-left: 0px solid black;
Checking the site through a mobile phone (NEXUS 5) i see a black line, in the upper level of the screen. I suppose that this is caused by the CSS????
2. Checking the site through a PC with screen resolution 1152×864, menu is breaking in two lines. I had to reduce the font size in order to fit into one line.
I thought that the responsiveness of the theme could avoid that to happen. Wrong?
3. Scrolling down the first page you wll find a bolock with 5 tabs (different categories).
Those tabs are changing every 5secs but i want to stop the responsiveness for this. Is this possible?
For developing reasons, also keep in mind that enabling Contact form 7 plugin i had the following issues:
Trying to enter o photo into a post through media gallery was not possible. It was tyrying to read the images with no result (blank page). Disabling the Contact form, everything was fine.
Revolution slider could not save a new slide (Ajax error was the message)
Thanks!
S.
@tcdraper
the general reason themes don’t make multiple thumbnails for the sizes you’re talking about, is that when an iPad changes from portrait to landscape it’s not technically reloading the page, just refreshing the viewport and the cached stylesheet is applied; otherwise it would be *worse* for mobile since the images would need to actually be reloaded — ever carry an iPad across the room in unlock mode and have it flip back and forth from portrait to landscape; well, you’d be reloading the images in different sizes more than once.
So, one aspect of “responsive” design (good and bad), is that it’s better to load a 25kb image once than load the 25kb image once and the 12kb image together and switch those out on viewport. Better to load the 25kb image ONCE, then resize to fit the aspect you’re looking at when you look at it.
The other benefit of using the larger image is for retina/HD displays on a mobile device which have higher pixel count than desktop; so again, if you do the pixel math, a 700×500 image on a screen with double the pixel count, loaded half size, would still provide the same number of pixels when shown half size — without having to load alternate retina/HD version of image or use “image stacks.”
This is actually one of the cool things about mod_pagespeed … if you have an image loading over and over at 80% size, it will cache the image at THAT SIZE and serve up the smaller image to people who keep requesting it vs loading the larger image and scaling it.
That was mostly anecdotal … but just some techie crap in case you were curious 🙂
I don’t think Google wants us to have awful image quality on our sites. I think they just want images to be as small as they can be at their current quality and sized correctly for the display device.
For example, the theme is serving 700 pixel wide images on smartphones where the viewport is 320 css pixels, which Google doesn’t like.
The other thing they don’t like is having wasted bytes in an image. I am compressing all of my images at JPEG quality 90 in pixelmator. I then run them through JPEGOptim, jpegtran, and jpegrescan at a quality of 90 and the file size drops by about half. Then I upload them and Google tells me they can still be a few KB smaller… I don’t care about that so much as I care about serving the wrong dimension of thumbnails to visitors.
I wish the theme made different thumbnails for iPad landscape, iPad portrait, and mobile phone so that we wouldn’t be serving oversized images, which Google hates, take a look at the image below:
When I had the retina plugin enabled for mobiles, it was trying to serve a 1490×966 image on the mobile phone. I had to disable that plugin for mobiles, because newspaper is delivering an image larger than a standard 2x retina image for all mobile phones regardless of whether or not they have the pixels to display the entire image.
I guess I’ll focus on the other things I can do something about, but I wish this would be addressed in a theme update if it’s possible with the bootstrap framework…
Hi Lucian,
On V3.3, the theme displayed the Mobile Logo but on V4.4, it isn’t showing it?! Can you please tell me how can I show it on there?
It isn’t a big thing to do that I need to hire a freelancer. After all, you guys has promised “lifetime support” on the theme and I have received good support from tagDiv (especially you).
Please help!
Salut,
Ne pare rau pentru problemele si dificultatile pe care le intampini.
In ceea ce priveste light-box-ul il poti seta asa: https://forum.tagdiv.com/display-image-using-modal-window/ Din pacate o sa fie nevoie sa activezi modala pentru ficare imagine in parte deoarece nu am introdus inca o optiune pentru a o putea seta in mod implicit pentru toate imaginile. Daca doresti o poti dezactiva asa: https://forum.tagdiv.com/topic/dont-want-light-box-for-images/#post-17108
Asigura-te ca folosesti revolutin slider-ul corect si dezactiveaza plugin-ul speed booster-ul acesta poate fii cauza pentru care slider-ul nu este afisat.
Ai aici un ghid care te poate ajuta sa creezi un slider folosid rev slider.
Din pacate in momentul de fata nu poti controla meniul de pe mobile decat folosid css, poti urmarii topic-urile de mai jos sa incerci aceeasi metoda pentru a personaliza meniul pentru mobil:
* https://forum.tagdiv.com/topic/changing-the-mobile-menu/
* https://forum.tagdiv.com/topic/different-mobile-menu-when-using-megamenu-on-desktop/
Avem aceasta chestiune in vedere si vom incerca sa o imbunatatim in viitoarele update-uri ale temei.
Poti crea cate un sidebar pentru fiecare post daca doresti si sa folosestri sectiunea “Post Settings” pnetru a selecta sidebar-ul pe care vrei sa il folosesti, iar widget-urile din sidebar pot fii adugate si folosid shortcoduri deci poti folosi toate elementele din Visual Composer, doar adauga in fisierul functions.php filtrul add_filter('widget_text', 'do_shortcode'); si pe urma poti folosii shortcoduri in widgetul text.
Popup-ul “more article box” poate fi personalizat din theme panel > post settings: http://screencast.com/t/heoKx1jHg
Te rog anunta-ma daca mai ai alte nelamuriri legate de tema.
Sper sa te ajute!
Mersi!
Hi,
Unfortunately you can’t do it, the theme doesn’t have any features that will allow you to do that, the only changes made to the mobile version of your site are layout and style changes which are done via css but the content remains the same, if you like you can hide some of the content also using custom css.
Thanks for the message!
Hi,
Unfortunately there is no way at this moment, we have this on our to-do list and we will enable the mobile logo to show with other two style as well, until then you can use the style you have now.
You can use this custom css in theme panel > custom css to get the logo show good as it is now: http://screencast.com/t/3ZBxIJ8J6
@media (max-width: 767px){
.header-style-3 .td-logo img {
right: 0px;
top: 3px;
width: 767px;
height: 48px;
}
}Thanks
Hi Lucian,
Thanks for advice.
It is back to normal after disable mobile theme feature in Jetpack.
Anyway how can i made mobile version different from desktop version?
Cause I think it’s too much content for mobile , even responsive.
Hi,
Please make sure you do it like this: https://forum.tagdiv.com/how-to-manage-the-mobile-theme/
Also that you deactivate all plugins, empty cache, purge files if you use any CDN or cache plugins then try again.
If nothing works please send an e-mail at contact@tagdiv.com with your wp-admin user and pass so we can check this, also send an URL to this topic or specify your issues details.
Thanks
I try to add some cache to my site. Using QUICK CACHE or WP FASTEST CACHE i get 42/100 on mobile and 50/100 on desktop on both, and without cache plugin too on google page speed test.
adding
add_filter( ‘jpeg_quality’, create_function( ”, ‘return 50;’ ) );
in functions.php as recommended i get.
Parse error: syntax error, unexpected T_LNUMBER in /home/site/public_html/wp-content/themes/Newspaper/functions.php on line 1553
So I installed W3 total cache.
Following the video from anterior posts https://www.youtube.com/watch?v=u0G6pk2mX4M when i enable minify with newspaper 4.4 i get blanc page. Hard times today… with only page cache from W3 I still have 49 / 100 … pff.
I disabled W3, installed speed-booster-pack.2.6 adn disabled td-speed-booster. Like in the video, when I activate Load CSS asincronius and I load site… guess what. Problems. Is loading with tabs list or something, can’t explain, and then loads. Issue anyway… will try more settings.
Hi,
Please use this css and add it in theme panel > custom css:
@media (max-width: 767px){
.single_template_4 .td-image-gradient:before {
bottom: 0px;
}
.td-big-slide-background, body.single_template_4 #td-full-screen-header-image, .backstretch {
height: 500px !important;
}
}Should solve your issue: http://screencast.com/t/73be90lxvS
Thanks
Hi,
Speeding up a website isn’t easy. Bunch of folks who are using this theme has got 90+ on both Mobile and Desktop after a lot of configuration. Read through this whole thread and you’ll definitely be able to get above 90: https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!
TagDiv team, it would be great for new buyers if you could make a good documentation/video based on that thread’s tips.
Thanks!
Hi,
Please use this custom css, add it in theme panel > custom css: http://screencast.com/t/ws1OHott4me
.td-sp-ico-menu {
background-position: -20px -364px !important;
}Thanks
@reenamm
I just solved in this way, but I’d like to know from TagDiv’s crew if it’s ok:
in my child theme’s custom css, I’m importing the right css from Visual Composer’s assets folder, in this way:
@import url("../../plugins/js_composer/assets/css/js_composer.css");
Look at my page now
http://mailneo.biz/about-neomobile/
Why doesn’t the theme load it by itself?
Hi,
Thanks Christopher for clearing this!
The theme uses two menus one for desktop and tablets and one for mobiles that’s why it has to menus and one hidden, we had do it like this to make some features available as Christopher pointed.
Thanks
Hi,
Unfortunately the “Menu Swipe” on mobile feature it’s no longer available, we have removed it since theme version 3.6.
Thanks for the message
Hi,
It may be the fact that the theme uses two menus, one for desktop and tablets and one for mobiles. Please provide more details and the tool used for testing.
Thank you, Emil G.
