- 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,
Unfortunately if you are using mobile theme plugin, that code need to be set in theme files in -> wp-content/plugins/td-composer/mobile/header.php
Thank you for your understanding!
Hi,
1. I manage to create a new css, please try this one :
.wp-caption-text, .tdb-caption-text {
color: black;
margin: -48px 0 0 20px!important;
padding: 8px 16px;
background: #ffffffcf;
position: absolute;
text-align: center;
}
If there are some pages or posts where is not apply, please provide me a link to them.
2. Also for mobile, if you are using the mobile theme plugin, the code need to be set here -> https://i.imgur.com/W5KEgDe.png please try this custom css
.wp-caption-text, .tdb-caption-text {
color: black;
margin: -48px 0 0 20px!important;
padding: 8px 16px;
background: #ffffffcf;
position: absolute;
text-align: center;
}
Thank you!
2 questions though:
1. Since it is not Google Adsense code – Do I need to wrap it (as mentioned in your guide) with your tags
Using this code:
<div class=”td-all-devices”>
<!– Your NON AdSense code here – this ad will show on all devices –>
</div>
2. What about the body code: you didn’t answer on where to place it?
3. Does body code should be wrapped with your tags
4. Last question: where is it better to place the code (for both desktop and mobile) via the template (composer) or via the Theme Panel?
Hi Calin:
Thanks for your reply. Is AMP for mobile theme only. Does AMP work on desktop site version also.
Thanks & Regards….. Renu Bakshi
Hi,
Please note that we recommend to use the amp plugin with mobile theme, if you want you can use the mobile theme only for amp using this option -> https://i.imgur.com/nseUCWH.png this is the best practice.
Thank you for your understanding!
Hi,
If your website is working correctly, that means that your website was cached in a moment when was use the mobile theme, here are some articles referring to this -> https://hdwebpros.com/blog/how-often-does-google-update-its-search-results.html
-> https://stackoverflow.com/questions/47045168/how-often-does-google-refresh-its-cached-websites
Thank you for your understanding!
Hello calin, is there a module in the template or newspaper x theme for a shopping cart or is it separate, which one would you recommend?
I have a question in the mobile version, the upload button does not appear until the beginning, do I have to activate it to exit?
I am using Newspaper X on my wordpress site. I have set AMP “On” in my Google adsense account. So far I have not installed & activated any AMP plugin so AMP adsense ads are not working.
Can I installed & activate AMP plugin without installing Mobile theme plugin. What will be its benefits. What precautions I need to to take to do so as I don’t want my site to break. Also please tell what are the AMP plugin settings that I will need to do.
Thanks & Regards……. Renu Bakshi
I have the exact same issue.
For time to time, the homepage (mobile theme) shows a blank page.
I need help with this.
Hi, im using jetpack widget to show cookies pop up on my footer 1 on my website.
In desktop theme is showing great in every page.
But since in mobile theme is different it doesnt show, how can i show cookies policy of jetpack in mobile theme
Best regards
I have set the AMP option “ON” in my google adsense account. But I have not installed any AMP plugin so far on my wordpress site. As I understand Newspaper theme is responsive, so I don’t intend to use Newspaper mobile theme plugin.
Please advise can I install and activate Newspaper AMP plugin only without installing Newspaper mobile theme plugin . How the AMP plugin will benefit? What precautions I need to take before installing Newspaper AMP plugin and what settings I will need to do?
Thanks & Regards….. Renu Bakshi
Thanks & Regards……. Renu Bakshi
Please
My latest posts in home page available on desktop but in mobile device is not showing. I was trying to setup amp with mobile theme, however i was unable to setup. That’s why i deleted amp and mobile theme. Now how can i go back to my previous version where i can see my all post in mobile device.
Can someone help me with speed optimization? After so many settings, my page speed is still below 40 for the mobile theme.
Hi,
Please provide me a link to your website to check this problem.
With out mobile theme plugin, you can edit the website layout using tagDiv Composer -> https://i.imgur.com/4Eo3PBZ.png also please note that if the 375×812 shows tablet then will display the table version, mobile version is until 767px -> https://i.imgur.com/FxFAGiK.png
Thank you for your understanding!
Hi aagrlp640,
The options from mobile plugin are similar with these from standard plugins -> https://i.imgur.com/WnHkyBC.png (for blocks) and this for articles -> https://i.imgur.com/PfVeY43.png
This will remove the author from your website on mobile theme and amp.
Thank you!
Hi,
You can use this custom css for breadcrumbs, category and title -> https://i.imgur.com/juxXAoU.png
.td-crumb-container, .single .td-category, .td-post-title {
margin-bottom: 25px;
}
The name of categories is suggestive for the elements that will be apply.
Using the css will be the best way, because when you’ll update the theme the settings in theme files will not be lost, but if you want the css file for mobile theme is this one -> wp-content/plugins/td-composer/mobile/style.css
Thank you!
i dont want use mobile theme plugin .. i am using normal responsive view of the theme now i am facing the responsive issue for my mobile device.. its work fine on potrait view but whenever i rotate the device it shows different layout .. media query for mobile 414×736 works fine but 375×812 shows tablet view on landscape and i cant find any settings related to this . what should i do
Since the Update in May the cumulative layout shift caused by the newspaper theme is a serious problem because all my sites for desktop and mobile are marked as poor in the Google Search Console. I get different informations what is causing the cumulative layout shift when the elements are showing up in the viewport:
– missing container for the header-logo-image (desktop)
– div#td-top-mobile-toggle>i.td-icon-font>::before (mobile)
– <p style=”text-align: justify;”> (div.td-container>article#post-35>div.td-post-content>p (mobile)
– all font-awesome icons (flash because of unstyled content) (mobile, desktop)
and so on. The cumulative layout shift is part of the web core vitals introduced by Google with the last update. If a site fails the web vitals its very critical for the ranking in the google search. I don’t know what I should do anymore – it’s not possible to decrease the cumulative layout shift because the main issues are to find in the layout itself. Maybe you can offer some help.
Greetings Kathrin
Hi,
Please set this custom css -> https://i.imgur.com/JQAkKu0.png in theme panel> mobile theme> custom code css -> https://i.imgur.com/tWVlI1p.png
[class^="td-icon-"]:before, [class*=" td-icon-"]:before {
font-family: 'mobile-theme';
}
Thank you!
I have tested my site: https://www.starslands.com/
using this: https://search.google.com/test/amp?id=Wma8iXyoa7bET3kAr26I9g
and one of my post: https://www.starslands.com/madonna-gets-mocked-for-putting-up-sons-video/
using this: https://search.google.com/test/amp?id=X6N673kIZQXNzQO1x5KAjw
and it says that my site is not amp. – “This page isn’t an AMP. However, it references the following URL as its AMP version:”
I was under the impression that it should automatically choose the amp version for the user as I’m using mobile theme and defined as Mobile+AMP
Can you please suggest some assistance here, please.
Many thanks.
Hi I did deactivate all plugins except tagDiv plugins.
I still can’t see icons on the mobile theme. Please provide me the alternate solution.
The used symbols (font-awesome) are causing large layout shifts in Google Page Speed Insights and let the pages drop into a poor rating in the Google Search console. I think it’s exactly the problem that is mentioned here: https://blog.fontawesome.com/how-to-use-asynchronous-font-loading/
In the mobile theme the greatest problems are caused by the symbols for views, comments and also the > in the breadcrumps… Is there a way to remove the > in the breadcrumps? Is it div#td-top-mobile-toggle>i.td-icon-font>::before ?
Greetings Kathrin
I have already tried this and tried it now again but I the critical error persists and the mobile pages can’t be loaded anymore. When I move the metainfo back into the header it works again.
I just want to move the metainfo for views and author and the comments before the featured image, because they cause in the viewpoint a large cumulative layout shift because of the used font-awesome…
<article id=”post-<?php echo $td_mod_single->post->ID;?>” class=”<?php echo join(‘ ‘, get_post_class());?>” <?php echo $td_mod_single->get_item_scope();?>>
<div class=”td-post-header”>
<?php echo $td_mod_single->get_category(); ?>
<header class=”td-post-title”>
<?php echo $td_mod_single->get_title();?>
<?php if (!empty($td_mod_single->td_post_theme_settings[‘td_subtitle’])) { ?>
<p class=”td-post-sub-title”><?php echo $td_mod_single->td_post_theme_settings[‘td_subtitle’];?></p>
<?php } ?>
//metainfo moved to another position
</header>
</div>
<div class=”td-post-content”>
<?php echo $td_mod_single->get_content();?>
<?php
// meta info after post content
<div class=”td-module-meta-info”>
<?php echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false,false);?>
<?php echo $td_mod_single->get_comments();?>
<?php
if ( ! td_util::is_amp() )
echo $td_mod_single->get_views();
?>
</div>
// override the default featured image by the templates (single.php and home.php/index.php – blog loop)
if (!empty(td_global::$load_featured_img_from_template)) {
echo $td_mod_single->get_image(td_global::$load_featured_img_from_template);
} else {
if (TD_THEME_NAME === ‘Newsmag’) {
echo $td_mod_single->get_image(‘td_640x0’);
} else {
echo $td_mod_single->get_image(‘td_696x0’);
}
}
?>
<?php echo $td_mod_single->get_social_sharing_top();?>
</div>
If I delete this part of the code: <div class=”td-module-meta-info”>
<?php echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false,false);?>
<?php echo $td_mod_single->get_comments();?>
<?php
if ( ! td_util::is_amp() )
echo $td_mod_single->get_views();
?>
</div>
it seems that the lazy loading in the mobile version doesn’t work anymore…
And after trying to move them on the new position the text under the images in the mobile theme isn’t centered anymore…
If I move the meta-info after the featured image it works: but the text isn’t shown inline..
<article id=”post-<?php echo $td_mod_single->post->ID;?>” class=”<?php echo join(‘ ‘, get_post_class());?>” <?php echo $td_mod_single->get_item_scope();?>>
<div class=”td-post-header”>
<?php echo $td_mod_single->get_category(); ?>
<header class=”td-post-title”>
<?php echo $td_mod_single->get_title();?>
<?php if (!empty($td_mod_single->td_post_theme_settings[‘td_subtitle’])) { ?>
<p class=”td-post-sub-title”><?php echo $td_mod_single->td_post_theme_settings[‘td_subtitle’];?></p>
<?php } ?>
</header>
</div>
<div class=”td-post-content”>
<?php echo $td_mod_single->get_content();?>
<?php
// override the default featured image by the templates (single.php and home.php/index.php – blog loop)
if (!empty(td_global::$load_featured_img_from_template)) {
echo $td_mod_single->get_image(td_global::$load_featured_img_from_template);
} else {
if (TD_THEME_NAME === ‘Newsmag’) {
echo $td_mod_single->get_image(‘td_640x0’);
} else {
echo $td_mod_single->get_image(‘td_696x0’);
}
}
?>
<?php echo $td_mod_single->get_social_sharing_top();?>
</div>
<div class=”td-module-meta-info”>
<?php echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false,false);?>
<?php echo $td_mod_single->get_comments();?>
<?php
if ( ! td_util::is_amp() )
echo $td_mod_single->get_views();
?>
</div>
<footer>
Greetings Kathrin
-
This reply was modified 6 years by
Topfgartenwelt.
I face a serious problem with one of my customers what I am using your theme Newspaper.
The search icon in the menu is not clickable. I am using a Cloud Template (Header Template 15).
The same problem is happening at smaller screens (mobile) and the Search Icon as well as the Menu (hamburger) icon are not clickable.
Also, in the main page, I guess that all problems are related, the pagination using ajax is not working.
Yes, I know, but that doesn’t work for the MOBILE THEME. How can I do this in the mobile theme. There is also a style.css – where I can increase the spacing there for the H1 and the breadcrumps?
Greetings Kathrin