- 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
Can anyone help me??? i tried to be oversmart and edited the CSS but when i deleted the code i added the homepage never returned to what it was before. Is that it? is there any hope that i can recover that previous homepage. i paid $149 for the design and i just F… it myself.
highly frustrated.
http://www.polarbearfacts.net/
Hi, I have the same problem. I use 8 Style with no sidebar and the post images are small (featured images are ok, I talk about post images). The images does not fit the full width of the post but remains smaller (640 px).
Example:
https://www.nuvoledibellezza.com/2017/05/collistar-natura.html
As you can see from the link, the images is loaded in real size:
https://s21.postimg.org/b5c8xdkdz/Voila_Capture_2017-05-13_09-00-11_PM.jpg
I try to put this css code:
.td-post-content img {
width: 100%;
}
in this way the images are magnified but those with lower dimensions come, obviously blurry.
In the same kind of post post, with no sidebar, also the adv banner is smaller (The banner is the ones that fit the content).
https://s15.postimg.org/ab9ow6i8r/Voila_Capture_2017-05-13_09-15-18_PM.jpg
Can you help me? If you send me and email I can give you the access to the backend.
Many thanks.
-
This reply was modified 9 years by
nuvoledibellezza.
Hi Catalin,
Thanks for the advice. We’ve made a lot of progress.
1. We’ve updated the theme and are now using version 7.8.1
2. We’ve deactivated WP Supercache while we’re working on the site
3. We created a child theme. Here’s how it looks:
Newspaper-child
….parts
……..header
…………logo-mobile.php
….functions.php
….screenshot.png
….style.css
Contents of style.css:
/*
Theme Name: Newspaper 7 Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newspaper
Version: 7.7c
Text Domain: Newspaper-child
*/
/* —————————————————————————-
This file will load automatically when the child theme is active. You can use it
for custom CSS.
*/
Contents of functions.php:
<?php
/* —————————————————————————-
Newspaper V6.3+ Child theme – Please do not use this child theme with older versions of Newspaper Theme
What can be overwritten via the child theme:
– everything from /parts folder
– all the loops (loop.php loop-single-1.php) etc
– please read the child theme documentation: https://forum.tagdiv.com/the-child-theme-support-tutorial/
– the rest of the theme has to be modified via the theme api:
https://forum.tagdiv.com/the-theme-api/
*/
/* —————————————————————————-
add the parent style + style.css from this folder
*/
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’, 1001);
function theme_enqueue_styles() {
wp_enqueue_style(‘td-theme’, get_template_directory_uri() . ‘/style.css’, ”, TD_THEME_VERSION, ‘all’ );
wp_enqueue_style(‘td-theme-child’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘td-theme’), TD_THEME_VERSION . ‘c’, ‘all’ );
}
When I make changes to parts -> header -> mobile-logo.php those changes are not reflected on the site when I view them from a mobile device.
As an experiment I removed a semicolon from the end of a line in mobile-logo.php to generate a syntax error. Nothing happened on the site.
Digging deeper I went to the parent theme and deleted a semi-colon from the same file to see if it was being picked up there. No dice! After that I went crazy and created several syntax errors in different files to see if I could crash the site. None of my changes had any effect. After that I put everything back.
Is there caching going on somewhere else besides my plugin? What else could be going on to explain that none of my changes at the filesystem level are taking effect?
Hi as we know newspaper as tons of options so it has very big CSS file but I want to divide them on template basis for better management and for smaller CSS as CSS for the page doesn’t make sense for post CSS and categories and woocommerce. so if you can help me to divide CSS or give any idea about the structure or you can tell me how many CSS are added and how so I can remove them and add my divided CSS by adding them from the template. thank you
Hi
I tried this with:
//google fonts
function css_mover() {
$this->move_style_to_footer_queue(‘google-fonts-style-css’);
}
But it does not seem to work.
Hi,
I wanted to know the function to be included in the functions.php file to be able to move from the header to the footer the following “google-fonts-style-css”
<link rel=’stylesheet’ id=’google-fonts-style-css’ href=’https://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700%7CRoboto+Condensed%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic&ver=3.4′ type=’text/css’ media=’all’ />
Look forward to your news
Sorry, but I’m crazy:
This is my code css:
.td-page-title{
display:none!important;
}
.td-trending-now-wrapper .td-next-prev-wrap {
display: none!important;
}
.category .td_block_trending_now {
margin: -38px 0 24px!important;
}
.td-trending-now-wrapper {
padding-left: 25px!important;
}
.category .td-trending-now-wrapper {
padding-left: 25px!important;
}
My page in desktop version is perfect:
http://www.screencast.com/t/JbA5hkMH
My mobile page not:
Different space right-left on home:
http://www.screencast.com/t/nbM0t8pGEKu
Different space down in my categories:
http://www.screencast.com/t/YGBX6aTNpdp
Sorry for my insistence and thanks for all.
Hi Catalin,
Thanks for the advice. We’ve made a lot of progress.
1. We’ve updated the theme and are now using version 7.8.1
2. We’ve deactivated WP Supercache while we’re working on the site
3. We created a child theme. Here’s how it looks:
Newspaper-child
….parts
……..header
…………logo-mobile.php
….functions.php
….screenshot.png
….style.css
Contents of style.css:
/*
Theme Name: Newspaper 7 Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newspaper
Version: 7.7c
Text Domain: Newspaper-child
*/
/* —————————————————————————-
This file will load automatically when the child theme is active. You can use it
for custom CSS.
*/
Contents of functions.php:
<?php
/* —————————————————————————-
Newspaper V6.3+ Child theme – Please do not use this child theme with older versions of Newspaper Theme
What can be overwritten via the child theme:
– everything from /parts folder
– all the loops (loop.php loop-single-1.php) etc
– please read the child theme documentation: https://forum.tagdiv.com/the-child-theme-support-tutorial/
– the rest of the theme has to be modified via the theme api:
https://forum.tagdiv.com/the-theme-api/
*/
/* —————————————————————————-
add the parent style + style.css from this folder
*/
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’, 1001);
function theme_enqueue_styles() {
wp_enqueue_style(‘td-theme’, get_template_directory_uri() . ‘/style.css’, ”, TD_THEME_VERSION, ‘all’ );
wp_enqueue_style(‘td-theme-child’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘td-theme’), TD_THEME_VERSION . ‘c’, ‘all’ );
}
When I make changes to parts -> header -> mobile-logo.php those changes are not reflected on the site when I view them from a mobile device.
As an experiment I removed a semicolon from the end of a line in mobile-logo.php to generate a syntax error. Nothing happened on the site.
Digging deeper I went to the parent theme and deleted a semi-colon from the same file to see if it was being picked up there. No dice! After that I went crazy and created several syntax errors in different files to see if I could crash the site. None of my changes had any effect. After that I put everything back.
Is there caching going on somewhere else besides my plugin? What else could be going on to explain that none of my changes at the filesystem level are taking effect?
Unfortunately, you can’t “lock down” a theme and still make it easily editable by developers, and also ease of use in control panels, etc.
Still advisable to only load ONE CSS file, and advisable to minify it.
(I don’t work here.)
hello there.. could u help me to check on my web ? i have little issue with the gap between the header menu and the content below.. i have tried to set css :
.td-main-page-wrap {
padding-top: 0px;
padding-bottom: 0px;
it looks ok in chrome.. but in firefox.. the gap does still exist.. what code should i attach to solve this ?
thanks before..
PLease i wanted to use it on the Custom CSS on the theme panel, how do i put it
Did that, I forced Speed booster to load anyway, but it still didn’t worked as expected, theme’s own CSS is still frontloaded. Probable a buggy plugin anyway.
I don’t like to mess with the theme’s CSS or functions.php, I prefer to make my own plugins, because I don’t want new problems when I’ll update the theme.
It would be nice if the theme would be optimised, without any hacks or plugins…
Hi,
It seems you modified the mentioned pagination and it is not displaying properly, but this can be easily fixed with a code like this for example
– https://www.screencast.com/t/qpurYRpDB
You just need to enter it in Theme panel->Custom Css
.single-post .td-next-prev-wrap a {
width: auto;
}
Thanks
when i try to install the theme to wordpress it says:
“”The package could not be installed. The theme is missing the style.css stylesheet.
Theme install failed.””
Hi Support,
Please how do enlarge the caption on block 18 using css code?
https://developers.google.com/speed/pagespeed/insights/
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Optimize CSS Delivery of the following:
https://fonts.googleapis.com/…%2C500%2C500italic%2C700%2C900&ver=7.8.1
In the future update, is it possible to load the Google Fonts after the ATF section is loaded? It helps in SEO rankings.
Thank you
Hi,
You can apply some margin on the news ticker in the category page, like this code for example
– https://www.screencast.com/t/sAFeG2rac9fr
.category .td_block_trending_now {
margin: -35px 0 24px;
}
Please try the code in Theme panel->Custom Css and see if it works properly for you.
Thanks
The style is in a style.css called editor-style.css?wp-mce-4506-20170408 I can not edit it…
Hi Bogdan, thank you for your support.
This is my website:
http://www.pcusb.it
In my home the space between grid and header is correct, but in my page category “Mac” not.
I insert my news ticket with this code:
<?php echo do_shortcode(‘[td_block_trending_now tdc_css=””]’); ?>
Thanks and sorry for my English.
Hello SW1988,
If you want to hide the title text for Big grid 9 (whihc use the module mx_15), for example, you should use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td_module_mx15 .td-module-title {
display:none;
}
Thanks for the message!
Hi
I am trying to hide header and footer for specific page but when i use this code:
.page-id-8610 .td-header-wrap, .td-footer-wrapper, .td-sub-footer-container{
display:none!important;
}
on theme panel custom css it does hide the header and footer but on the other pages the footer disappear and header remain, i want the other pages to have header and footer.
I will appreciate your assistance.
Hi,
The Full Big grids were added in a previous theme update. At the moment that is the only way to display them on pages. If you would like to remove the gaps on the sides you could do it like this.
Try adding a custom class to the row containing the Full Big Grid
– https://www.screencast.com/t/TgqwQ4fGaAw2
Then use that class in a code like this
– https://www.screencast.com/t/xTj42kAjA6
This is the code used in the example if you decide to use it for the Full Big Grid. You just need to enter your own row class and enter it in Theme panel->Custom Css
.custom .td-pb-span12 {
padding-left:0;
padding-right:0;
}
More full width options and implementations are expected to be available in future updates.
Thanks
Hello robert09,
Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example from where you should strat to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
As I have said, none of the explanations work. I had already tried with this:
.mce-content-body blockquote p {
color: #4db2ec;
font-family: "Roboto", sans-serif;
font-size: 32px;
font-style: italic;
font-weight: 400;
line-height: 40px;
overflow-wrap: break-word;
text-align: center;
text-transform: none;
}
and a plugin called Admin CSS MU. I have not found the way to change it… any clue? Or is that I have to change in original file? thanks!
Hello
If you want to change the blockquote style from your backend, you should edit the editor-style.css core file and edit the blockquote design by your desire, like this -> https://www.screencast.com/t/TnD3785x8k
Hope this helps!
Thaks for the message!