- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
They work for me. Note that the /amp/ endpoint is outside the theme as separate entity, just like having a separate print template.
You can test the /amp/ page actually validates properly (such as no inline css), and check it actually works and view the page source by going to the endpoint for one of your posts.
Hi,
There are 2 page editors provided at the moment in the theme package
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
– https://forum.tagdiv.com/how-to-use-visual-composer/
The recommend composer to be used, is the tagDiv composer. In future theme updates, there will be more options and elements added exclusively for it.
Other composers are not tested with the theme or theme plugins, and may not work properly.
You could try to remove the page title with this simple CSS code
.td-page-title {
display: none;
}
Thanks
Hi,
1. The theme only has to be activated once, another activation is not requested
– https://forum.tagdiv.com/newspaper-6-how-to-activate-the-theme/
If the theme activation is resetting then something is not functioning properly. It could be a simple plugin conflict, it could be your server configuration, it could be your WordPress install etc.
2. Please check the permalink settings in the wordpress settings
– https://codex.wordpress.org/Using_Permalinks
– http://www.wpbeginner.com/wp-tutorials/seo-friendly-url-structure-for-wordpress/
Try changing to a default permalink structure and save the settings. Then check if this has any effect.
3. The custom CSS code will be loaded after the theme CSS. You can add code directly in the theme stylesheet, or through a child theme as well.
Thanks
Hello and thank you for your theme. I’ve a couple problems.
1. Although I’ve activated my theme WordPress is mandating that I re-activate it. The problem is that I have already done so, and do not wish to create entirely new log on credentials.
2. I’ve published a post but, even though the photo, title, and subtitle appear on my homepage, the link appears to be broken.
3. My custom CSS appears to load after the theme CSS. Is the only way to correct this by manually editing the style.css sheet which came with my original theme?
In advance, thank you for your assistance.
A common solution is to bypass the menu and add a sticky slide down CSS/javascript button that lives at top of screen [login] that when clicked/tapped, slide down/open the login element. This is common solution to bypass menus and logic, and to have this sitewide by simply adding to the header.php.
Thank you for clearing my doubts. One last thing:
How to deal with styles.css and functions.php that are under ‘mobile’ folder and created specifically when the website is viewed on mobile devices. Should I simply copy functions.php and style.css after creating a new directory ‘mobile’ under child theme?
Above I am talking about the mobile related folder of main theme, not about td mobile theme which we need to install as a plugin.
Thanks.
I tried this and it seems to be working. I’m I on the right path? The only question I have now is how do I change the white doted line at the bottom of the post? I cannot find a css selector for it.
“.td-main-content-wrap {
background-color: #1a1a1a !important;
}
div.item-details:nth-child(1){
background-color: #1a1a1a !important;
}
.td_module_15{
background-color: #1a1a1a !important;
}
div.td-author-by{
background-color: #ffffff !important;
}”
-
This reply was modified 9 years by
Kingx26.
I have some css knowledge with angular, but I am new to word press. Could you elaborate more on changing the body of the pages from white to the color of the black version’s body. As of right now I only want the look of the black version not most of it’s features. Check out my site and see what I mean.
Thank you.
Hi,
You could change the color of the links in the text widgets, with a code like this for example
– https://www.screencast.com/t/XTc3FsVli5
.widget_text a {
color: black;
}
The code must be entered in Theme panel->Custom CSS section.
Thanks
Thank you Simion for the great details.
I also read the Bogdan’s reply here- https://forum.tagdiv.com/topic/setting-up-child-theme/ . A few doubt I have:
1. I understood that the child theme can also not be future proof, if any of the files that I added in child-theme get modified in original theme as well.
But what about Styles.css and functions.php? How does child theme load style.css? Does it use stylesheets code from original theme and child theme both? If so, then how?
What if there are two codes written for customization of same elements on both original theme CSS and child theme CSS. Which will be finally displayed on the live website?
Does child theme makes calls from style.css and functions.php from both original theme and child theme to display it on live website?
Does this affect the speed of site as well?
There are manily few core font name, size and color changes done by me on the original style.css of my theme. How can I keep it secure and stable even when I make an update of the theme?
functions.php is usually remain unchanged with theme updates but for better update-proof ness, should I add the custom code to the child theme functions.php and remove it from main functions.php?
What will happen if I add these codes at both the functions.php ( theme and child theme), will it cause any conflict in any possible way?
Kindly help
Hello,
Each demo has it’s own custom style. if you uninstall the demo, you no longer have it and will need to create it from scratch if you want to replicate a demo style. You will need css skills in order to replicate the black demo layout. The css can be found here for you to inspect: https://www.screencast.com/t/xq7Ks25W4E
The black demo is among the more heavily customized demos we have and replicating it will not be easy as there are lots of css rules involved as you can see in the css file
Thank you!
Hi,
You could either modify that post template file from the theme, and comment or remove this code to not display the featured image in the post page
– https://www.screencast.com/t/1KZco6Ptd
Or enter this code in Theme panel->Custom CSS section
– https://www.screencast.com/t/DMgGlgbgVk
.single_template_2 .td-post-featured-image {
display: none;
}
Thanks
Hello,
In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
You can add the code in the theme panel-> custom css box.
Or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd
Thanks.
Hi Team,
With every new theme update, I always have to make a few changes in the theme’s core file and now I am fade up with this.
There are two main files that I have to customize in the core theme file. 1. Style.css 2. Functions.php
( I am not talking about custom CSS but the real style.css file under theme)
Is there a way by which I can keep these changes in functions.php and style.css stable/fixed using child theme even after updating theme?
Should I simply copy the code that I change in core style.css file and paste it in style.css of child theme? Will this work? or will it load the style.css two times?
There is some tutorial here – https://codex.wordpress.org/Child_Themes which ensure that the child theme stylesheet loads after original style.css.
<?php
function my_theme_enqueue_styles() {
$parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array( $parent_style ),
wp_get_theme()->get('Version')
);
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>
Is this code already written under our sample child theme file?
What about functions.php? there are multiple codes that I have added at the end of theme’s core functions.php. Should I delete these codes from core functions.php and write it on the child theme functions.php? If so? where do I need to write these codes?
Currently, this is how child theme funcitons.php look:
<?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' );
}
Where am I supposed to insert new functions.php code?
Please help me create an almost stable style.css and functions.php under child theme so that all theme upgrade doesn’t affect all frequent updates.
Thank you.
Hello Somosung,
Sorry for that, but please notice that our theme does not have any such an option that allows you to achieve this layout, for trending news, sorry! You should do it yourself via some custom CSS and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!
Thanks for your understanding!
Hi,
Please try a code like this one, it will change all the article titles on the homepage to the color you want
– https://www.screencast.com/t/3L6lfMQk
– https://www.screencast.com/t/xExyxozl70
Enter the code in Theme panel->Custom CSS
.home h3 > a {
color: #1903ba;
}
Thanks
Hello,
Please add this css to your movile theme custom code section:
.td-footer-logo{
display:none;
}
.td-footer-description{
display:none;
}
.td-footer-social .block-title{
display:none;
}
.td-mobile-footer-wrap{
padding-top:1px;
padding-bottom: 38px;
}
There is no way to make it narrower unfortunately as there are containers there that hold the height of the footer and it will require code modifications in the php files in order to assign particular classes to these containers so they can be targeted with css. It will involve quite a bit of custom work just to get it a bit narrower.
Thank you!
Hi,
The author box displayed in the post page can only be disabled for all the posts in the theme panel
– https://www.screencast.com/t/k2Mkzyk8Jc
You could hide the author box with some CSS on the post type you want, if you should consider this a solution
– https://www.screencast.com/t/1bQEnxdZ6
Thanks
So, how do I fix it so that the author image is not blurry? Where to I modify the code? In the Custom CSS box or here: page-author-box.php
Ideally, I want to use the images that have been uploaded and have them be sharp. Also, when I upgrade the theme, I don’t want this code to break. Thanks for helping.
I figured out that if you put this code in your CSS code, it will remove the comment count from author card. However, I still don’t know how to fix the blurry image of author on all author cards.
.td-author-comments-count {
display:none;
}
Hi Simon.
issue fixed! i did the modification in the Advanced CSS. now my 700 pixel photos look sharp now 🙂
Thanks for the help!
New message:
Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet.
Hi,
The same menu items that are displayed on desktop will be displayed on mobile as well. That is the same menu top menu. You could maybe hide the menu items on desktop with CSS and display them only on mobile, if you should consider this a solution.
Like this for example
– https://www.screencast.com/t/SOEwtxnA
– https://www.screencast.com/t/XMNwhLmg
– https://www.screencast.com/t/QTalRaQ7X1
This code will hide menu items on anything larger then phones, based on the unique ID each menu item has.
@media (min-width: 767px) {
#menu-item-50 {
display: none;
}}
Thanks
Hello Febrow,
You should try using the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td_block_related_posts .td-module-title a{
pointer-events:none;
}
.td_block_related_posts:hover .td-module-title a{
color:inherit;
}
Thanks.
Hi Catalin,
I tried to clean all caches no luck
I don’t use CDN is recommende?
i think the issue coming from JS and form CSS. is it possible,right?
thanks a lot
kalum