7. Enter it in the Theme panel->Advanced CSS in the phones section.
However I did some more research in the matter, seems from what I can find, that Google will not allow adsense ads of 300×250 above the fold on mobile
– https://techcrunch.com/2017/05/02/google-will-now-allow-300×250-ads-above-the-fold-on-mobile-webpages-says-they-can-be-user-friendly/
They recommend an ad of 320×100 above the fold and a 300×250 below the fold
– https://support.google.com/adsense/answer/6357180?_ga=2.119271945.145156433.1552380136-311823375.1552050001
Maybe this is why when selecting a 300×250 size does not work. It would explain it. try and use their recommended size and check if the ad appears properly then. Let me know.
Hi, Catlin,
I followed to the letter of course everything but the new plugin with amp does not work.
In this way, like many other users, I detect problems with the test amp https://search.google.com/test/amp
The only way to get the amp pages is to exclude SHOW ON AMP in the mobile theme settings getting a horrible amp page without style css. But currently this is the only possible choice to not have problem with google webmaster with amp articles.
Please solve with an update, thanks.
Hi,
Until we will release the latest update when this issue will be fixed, you need to make the following modification through your style.css core file, like this -> https://www.screencast.com/t/qCYG4xTS What you have to do is it rename the name of the class.
Hope this helps!
Thanks for your understanding!
Hi,
In order to change the fonts of the review section you can use a single post template from tagDiv Cloud Library
-> https://www.screencast.com/t/6x2HRiI5
-> https://www.screencast.com/t/E8vqCrqzv
or you can use custom css -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
Thank you for your understanding!
Hi,
In order to hide one image you’ll need to set a custom css in amp file
.amp-wp-article-featured-image{
display: none
}
The above code is a bit of CSS code to change the AMP style page, please edit here -> https://www.screencast.com/t/vIUHFAbD6uRH You need to follow the above advice if you want to customize your AMP version.
the path is wp-content>plugins>td-amp>templates>styles.php
Thank you!
Hi,
Looks almost alright, I could give you a code to reduce the padding and the font size for the table elements, this would be the result – http://prntscr.com/mwnk7e
If you want to use it, enter it in the Advanced CSS phones section
table th {
padding: 2px 2px;
font-size: 14px;
}
Another solution would be to leave the padding and fonts as they are, and do something like this – https://forum.tagdiv.com/topic/table-adjustment-in-articles-tablepress-table-issue/
Thanks
Hi,
If this is what you want to achieve https://www.screencast.com/t/Sv5NE68FGhhn please add this custom css in Theme panel>Custom code>Custom css
.post .td-post-next-prev{
display: none;
}
If you want to hide only de text with next/prev https://www.screencast.com/t/N6IyP7VlauZ
use this code:
.post .td-post-next-prev span{
display: none;
}
Thank you!
Found it under the Element CSS tab. Thank you.
I need to tighten up the top and bottom margins for the news ticker. There is too much room between the main menu and the images. I am not a programmer and do not know css. Thank you.
Afternoon! I was wondering if I could get a little help.
A WordPress site I’m looking after has stopped being able to use the primary theme after an update. (Newsroom)
The theme in question is the ‘Newsroom’ Theme and the issue is because of a missing stylesheet.
I have tried to reinstall the theme via the WordPress wp-admin portal but this won’t install as it’s already installed. (I was hoping this would install the missing stylesheet or anything lost during the update).
I have logged into the CPanel and can locate the style.css inside the theme folder. (Which is the stylesheet I was expecting to be missing)
I was thinking about removing the theme folder/files and then trying to do a clean install but wasn’t sure if this would work and I wanted to confirm any content created since the site was made live wouldn’t be affected?
Would anyone be able to give me any advice on how to proceed? Can give more information about the site and issue if needed!
Thanks in advance!
Thanks for your guide, it worked fine & the Mobile theme’s CSS customization option helped me to stylize WPForms on mobile theme as well 🙂
Hi,
The new mobile plug in does not work properly with amps.
Many users have complained and here I will try to summarize what happens.
Following the step-by-step instructions (https://www.screencast.com/t/6m5bxthx8ec – https://www.screencast.com/t/WEyXhNzY) after having installed wordpress amp plugin, the result is that inserting the url/amp/ in the browser redirects the url/amp/ to url.
From what I have understood, this operation would seem correct, but trying the url/amp/ address with the test amp there are some errors of validation:
Invalid AMP page
Invalid AMP pages will not have the specific functions of the AMP pages in the Google search results.
Solve the following problem
Validation issues
1 instance Line 20:2421
The tag “noscript enclosure for boilerplate” appears more than once in the document.
<noscript><style amp-boilerplate>body{-webkit-animation:n
——————————————–
1 instance Line 20:1702
The main tag related to the “style amp-custom” tag is “noscript”, however it can only be “head”.
<style type=”text/css”>.wpb_animate_when_almost_visible {
The only way to eliminate validation problems and see the amp pages on mobile, is to disable SHOW ON AMP on the mobile plugin, but in this way you will see the page without css.
Thanks
Hi,
Please make sure that you do not have any plugin conflicts, please deactivate all non theme plugins, clear all cache and try again.
IF this is not working, please add this custom css in Newspaper>Theme panel>Custom code>Custom css ->
body.td-animation-stack-type0 .post img {
opacity: 1;
}
Thank you!
Hi,
Please set this custom css in mobile css ->
.td-menu-socials {
visibility: hidden;
}
If there is still a problem, please provide me a link were I can inspect this problem, in this way I will be able to provide you an answer or a custom css that can help you!
Thank you for your understanding!
Hi,
If you want to have a background color on menu instead of the bottom line please set this custom css in Newspaper>Theme panel>Custom code>Custom css-> https://www.screencast.com/t/KdvtRQHT5He
Also you can change the color!
.td-header-style-9 .sf-menu > li > a::after {
height: 100%;
z-index: -1;
background-color: #fe34e1;
}
Thank you!
Hi there, this is certainly a major issue I cannot seem to resolve. I do not know foresure if this started after I updated to version 9.6, but I cannot seem to resolve the issue that all pages built with the composer are now boxed layout, where they were full width and custom stretch to 1200px. I have gone through every part of the theme panel, as well have removed all my CSS hoping that may solve it, but nothing.
Please help ASAP.
Hello Bogdan,
with SHOW ON AMP turn on on mobile plugin url/amp/ are redirected to normal url.
I understand it’s correct according to what you said…
But Making test https://search.google.com/test/amp
Putting articles url/amp/ it show
Invalid AMP page
Invalid AMP pages will not have the specific functions of the AMP pages in the Google search results.
Solve the following problem
Validation issues
1 instance Line 20:2421
The tag “noscript enclosure for boilerplate” appears more than once in the document.
<noscript><style amp-boilerplate>body{-webkit-animation:n
——————————————–
1 instance Line 20:1702
The main tag related to the “style amp-custom” tag is “noscript”, however it can only be “head”.
<style type=”text/css”>.wpb_animate_when_almost_visible {
Please solve… thanks..
Hi,
I’m trying to build a page using visual composer (WPBakery), but when I try to add effect to element, for example, a single image such as (animation css fadelnDownBig) that not work can i know what is the problem?
Hi,
In order to have the 3 posts you’ll need to make sure that you have some post in feature category -> https://forum.tagdiv.com/featured-posts-2/
-> https://www.screencast.com/t/44kBTEzkJNy
-> https://www.screencast.com/t/dpVV27TTe
-> https://www.screencast.com/t/27QB6dv0VGs
For footer logo you can try this custom css ->https://www.screencast.com/t/od1J4l5A
.td-footer-logo img{
width: 50%;
}
Set it in Newspaper>Theme panel>Mobile theme>Custom code> section css
Thank you!
it doesn’t really work…
Amp integration of the mobile plugin does not work.
Only way to use amps so that the amp test (https://search.google.com/test/amp) gives correct results, is to exclude SHOW ON AMP on the plugin and thus have a horrible version of articles url/amp/ without css…
Hi,
Please use this custom css and the advertisement title will appear -> https://www.screencast.com/t/zGBz8AyjrxK
.td-header-rec-wrap .td-adspot-title {
margin-bottom: 0;
top: 0;
}
Thank you!
Hi,
Unfortunately for the moment there is no option for this in our theme, if you want to increase the text size or change font family you’ll need to use a custom css .
-> https://www.screencast.com/t/eIsHVVft
Thank you for your understanding!
Hi,
You can replace the above custom css with this one -> https://www.screencast.com/t/0NHdDin9RGK
.td-post-featured-image amp-img,
.td-post-featured-image img,
.td-mobile-footer-wrap .td-footer-logo,
.td-mobile-footer-wrap .td-footer-wrap .td-footer-description {
display: none!important;
}
This one will hide the feature image the the logo from footer and the about us text.
Thank you!
Hi Calin,
…doing so, the amp page (url/amp/) is displayed only on the desktop, while visiting article from mobile it is redirected to the standard url.
the only way to see the amp pages on mobile is to disable SHOW ON AMP on the mobile plugin, but in this way you will see the page without css.
The problem is common to many users in the forum
Please solve…
Thanks!
I tried adding to the css
#paging,.entry-related{
display:none;
}
—
This did not work.
How can I remove that, I don’t see a setting. I tried searching the knowledge base but could not locate anything.
Thank you.
Reference post: http://kratomnewsnetwork.com/usa-local-and-state-kratom-news/is-kratom-legal-in-alaska/