- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi,
First you need to open the flex block 2 with td Composer, go to style ( https://www.screencast.com/t/Xteq6rJ5s2l8 ) and look for “Article title text hover” and the other text you have on the flex block 2 ( https://www.screencast.com/t/YVqfRMBOA ), set it on white ( or any color you like ) .
Aftel you do all that please add the blow custom css in Newspaper>Them panel>Custom code>Custom css
.td_module_flex_2 .td-module-meta-info *:hover{
color: red!important;
}
Hope this will help you.
Thank you.
Hi,
Test with the tool and follow the recommendations, some more topics I found and could be useful
– https://support.google.com/webmasters/answer/6153277?hl=en
– https://kb.yoast.com/kb/fix-blocked-resources-google-search-console/
– https://mor10.com/robots-txt-might-be-ruining-your-mobile-friendly-ranking-with-google/
– https://www.ostraining.com/blog/general/google-mobile-robots/
– https://moz.com/blog/why-all-seos-should-unblock-js-css
Thanks
Missing file in the child theme: font-newspaper.css
and here are 3 errors (404) with details: Download zip file
Thank you.
Hi,
In order to put ads in AMP you need to go in Newspaper>Theme panel>AMP expand ads, change from ad type “custom banner” with “google adsense” https://www.screencast.com/t/CoKwyeot
The logo and search are set responsive ( you can change the location only with custom css)
I think you want to set center the Title of each posts and the breadcrumbs in each post for AMP ( if that you want https://www.screencast.com/t/H1nCvHFqLo ).
.amp-mode-mouse .td-post-header, .amp-mode-mouse .td-crumb-container{
text-align: center;
}
The above code is a bit of CSS code to change the AMP style page, please edit here -> https://www.screencast.com/t/vIUHFAbD6uRH There’s no option for custom CSS code for AMP version, sorry! You need to follow the above advice if you want to customize your AMP version.
Hope this helps!
Thanks for your understanding!
I found it, it’s in the css section
Hi,
Please tell me the most compatible mega menu plugin for Newspaper,
that does not breaks theme’s CSS and works seamlessly with Newspaper
thanks
What CSS can I add to prevent the Title from turning red when hovering over the main Flex Block 2 image? I only want the Title to change color when hovering over the title text itself, or the meta info area, including the title. (Although it’s fine, even preferred, to have the cursor continue to change to the finger when hovering over the image.)
https://www.staging1.themultimedianinja.com/
Thanks!
You could try something like this. First set a class to that single image element. Use “myclass” for example.
Then enter a code like this in the custom CSS section
html[class*=ie] .myclass {
margin-top:0!important;
}
It should apply only for IE browsers and remove that margin, with this result
– http://prntscr.com/l90ko9
If you use a different class name, modify it in the code as well. Please check if this suggestion works.
Hi,
Yes this is possible, please add this custom css in NEwspaper>Theme panel>Custom code> Custom css
.td-ps-dark-bg .td-social-network .td-social-but-icon, .td-ps-dark-bg .td-social-network .td-social-but-text {
background-color: lightblue;
}
See results: https://www.screencast.com/t/8otemkpM
If the custom css is not working for you, please provide a link to your website and I will give you the proper custom css.
Thank you.
Yes, is set with tagdiv composer in CSS tab.
The top margin of the row is: -160px (this way, the background image of the row is also behind the menu)
The top margin of the lead magnet is: 200px
The top margin of the image of myself is: 112px
So, there is any solution? There should be a way that Edge and Firefox apply properly the css like chrome do.
Thank you!
In my case with header style 3 and some modifications to the code, the results are like this
– https://www.screencast.com/t/5FXJuAZHiDkl
But they may be different for you. Try to change the values in the code and experiment with it
– https://pastebin.com/2wUj0qJB
Use the theme live CSS for example to test the results live, while you modify the code
– https://www.screencast.com/t/DSSzgYLUtgCL
Hi,
Seems to be an issue with a margin set for that single image. While Chrome for example sets the margin from the top of the page
– http://prntscr.com/l8yh6z
On IE the margin is set from below the header – http://prntscr.com/l8yhom
Could be that some CSS is not applying properly in IE/Edge. Is that margin set in the composer, CSS tab?
Thanks
Thanks Simion! It actually works this way. The thing is – always when opening a woocommerce category page or going to the next page, it flashes initially the default 2 products/row, and then shows only one, bigger product image, according to the new css added for phones. It’s not quite the optimal solution for the case. Is there a way to change the number of products per page for phones?
Having in mind that I already have this in functions.php:
function new_loop_shop_per_page( $cols ) {
// $cols contains the current number of products per page based on the value stored on Options -> Reading
// Return the number of products you wanna show per page.
$cols = 15;
return $cols;
}
// Change number or products per row to 3
add_filter(‘loop_shop_columns’, ‘loop_columns’);
if (!function_exists(‘loop_columns’)) {
function loop_columns() {
return 3; // 3 products per row
}
}
Hello manuangel,
If you want to sort the Category, you need to use such a plugin with this functionality like Category Order and Taxonomy Terms Order plugin, that should allow you to change the default order of the categories – https://wordpress.org/plugins/taxonomy-terms-order/
Also, if you want to remove the Sub Footer Copy text, you need to use a bit of CSS code to hide it.
div.td-pb-span.td-sub-footer-copy{
display:none;
}
I have inspected your homepage and I saw that your “Ultimi Articoli” comes from the Page Template -> Pagebuilder+Latest Articles+Pagination. So, if you want to remove it, you need to change the page template from here -> https://www.screencast.com/t/sNEj33kRuzdG TO moe any other element from your page, you should use the TD Composer drag and drop functionality. Check here -> https://forum.tagdiv.com/tagdiv-composer-tutorial/
Thanks for your understanding!
Hello,
https://www.screencast.com/t/Db8swZBGR
Please use these guides to make the implementation properly:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/
Thank you!
Hi justbradford,
Unfortunately this is possible only with custom css , I think you’ll like something like this: https://www.screencast.com/t/dsH4VdDKwm
Here is the css for above example :
.td-container-wrap{
background-color: red;
}
.tdc-row{
background-color: white;
}
It can be more customized if you like it.
Thank you.
Hi,
Yes you can , please replace above css with this one:
.home .td-page-header {
display: none;
}
Thank you.
Hi There,
Is there any CSS code I can use to make my author name run beside my avatar, rather than below it? Here’s how it appears now on my site:
https://www.irreverentgent.com/how-to-start-working-out-for-men/
And here’s an example of how I’d like it to look:
https://www.theatlantic.com/magazine/archive/2018/11/the-case-for-liberal-republicanism/570790/
Thanks!
is there any way to speed up the custom css? its a bit stupid to see in fraction of a second the normal wordpress styling before switch to custom style.
for example: buttons
the buttons have the normal wordpress styling and only after 1 second, after pageloading, my custom css will load.
Hi, I would like to add horizontal scroll for Flex block1(or something) on mobile device, just like Big Grid1.
I think I need to add some CSS for it. Could you give some advice?
Also, I would like to do the same thing for ROW element.
If you have 3 images horizontally in a ROW, You can see 3 images vertically on mobile.
But I would like to see horizontally with a scroll.
Thank you.
I have change it and i cant show date and time in main page. Can i put a code in css to show date again in block_4 in main page?
Newspaper > Theme panel > Custom code > Custom css
where is a adding custom css to affected my website?
Hi. I’ve found that for some reason Newspaper is adding this code in the bottom of the main page and posts:
<header>
Edit with Live CSS
<div class=”tdw-less-info” title=”This will be red when errors are detected in your CSS and LESS”></div>
</header>
Search engines are showing it as a “snippet” of the page. It’s annoying. How can I get rid of it?
Thank you.
So is there no other way to modify (CSS, etc.) so that you can have full width grid with a specified background color?