- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
You can try the code below and place it in Theme panel -> Custom CSS code.
@media(max-width:767px){
.td-icon-search, .td-post-category{
display:none;
}
}
.td_module_mob_2 .entry-title {
font-weight: 800;
}
Thank you!
Hi,
You need to remove the old Td Composer plugin and update it from here -> https://www.screencast.com/t/FIqJD3Dq1uP
Most of the theme files were moved into the tagdiv composer plugin as per the requirements of Envato: https://help.author.envato.com/hc/en-us/articles/360000472383-WordPress-Theme-Requirements.
We wrote an article on the subject here: https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Moving forward with such requirements, a child theme will only work with functions.php, and style.css, as there are very few files left in the main theme as Envato, requires all functionality to be added through plugins.
This is a consequence of the recent modifications to the location of theme files, due to Envato requirements. There is an article about it here – https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Sorry for the inconvenience and thank you for understanding.
Hi,
Most of the theme files were moved into the tagdiv composer plugin as per the requirements of Envato: https://help.author.envato.com/hc/en-us/articles/360000472383-WordPress-Theme-Requirements.
We wrote an article on the subject here: https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Moving forward with such requirements, a child theme will only work with functions.php, and style.css, as there are very few files left in the main theme as Envato, requires all functionality to be added through plugins.
This is a consequence of the recent modifications to the location of theme files, due to Envato requirements. There is an article about it here – https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Sorry for the inconvenience and thank you for understanding.
Hi,
Please try this custom css
https://www.screencast.com/t/cAAdwqfJxr
.tdc-content-wrap{
width: 1068px;
margin-left: auto;
margin-right: auto;
}
.tdc-content-wrap .maxwidth30 {
max-width: 16.6% !important;
float: left !important;
margin-left: auto;
margin-right: auto;
}
.maxwidth30 img {
max-width: 80% !important;
}
Hope this will help you!
Thanks.
Hi guys,
I’m trying to change the link hover effect in my Newspaper theme. I want to have the Border to Background Effect like in this link.
I need the exact css code.
Thanks!
Hello~
I want to reduce font loading time.
So I searched this method which put in <head> section.
How can I put in this code?
<link href=”https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap” rel=”stylesheet”>
Before the update I was able to show 5 images across the mega menu through amending the td_block_mega_menu with ‘limit’ => 5 and removing the subcategory menu with css.
However, since the update, it seems the only way to have 5 across is to remove the sub-categories from the menu. With sub-categories it shows 4 images across with a space on the far right that is blank.
Your help would be appreciated.
Hi,
You can try this custom css
.td-js-loaded #td-mobile-nav{
position: fixed!important;
}
.td-search-icon {
right: 50px;
}
Set the code in Theme panel>Custom code>Custom css
But also is possible to be others elements broken in RTL
Sorry but our themes are not compatible with the RTL direction. IF you need a RTL theme, you will have to choose a different theme that can provide this functionality. We will be able to provide a refund if you make a request here:https://themeforest.net/refund_requests/new
Thank you!
Hi,
Please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.
While it does allow styling the document using custom CSS, it does not allow author written JavaScript beyond what is provided through the custom elements to reach its performance goals.‘
Please check the AMP HTML Specification
-> https://www.ampproject.org/docs/fundamentals/spec#html-tags
Also please check a similar topic -> https://forum.tagdiv.com/topic/custom-javascript-is-not-allowed/
-> https://forum.tagdiv.com/topic/a-mandatory-amp-html-tag-is-missing-from-this-document/
Also after you manage the javascript, please access your permalinks section of WordPress and press the save button again for the permalinks. you do not have to change the structure. Just save gain. This fixed the amp error for most users.
Thank you!
Hi,
So the problem is with the booster. Such problems can happen. The booster can cause problems with various plugins, most speed booster plugins or render blocking plugins can potentially cause problems.
Maybe try some other render blocking plugins (try free plugins if possible), which have more options, and make tests with them. Here are some topics
– https://kinsta.com/blog/eliminate-render-blocking-javascript-css/
– https://www.wpbeginner.com/wp-tutorials/how-to-fix-render-blocking-javascript-and-css-in-wordpress/
Thanks
Hello,
Most of the theme files were moved into the tagdiv composer plugin as per the requirements of envato: https://help.author.envato.com/hc/en-us/articles/360000472383-WordPress-Theme-Requirements.
We wrote an article on the subject here: https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Moving forward with such requirements, a child theme will only work with functions.php, and style.css as there are very few files left in the main theme as envato requires all functionality to be added through plugins.
Sorry for the inconvenience and thank you for understanding.
Hi,
Please try this custom css, this will hide the feature image from post template from cloud that have pagination
[class*="single-paged"] .tdb_single_featured_image{
display: none;
}
Thank you!
@Calin, We have already done this and still continue the maximum value of 0-5, we want to leave 0-10. Since your review is scheduled to be only 5 stars, that’s the reason for the problem. Please visit Mr. Buzz’s website and see how we want it. At the end of the post, I would also like to leave that format as it is displayed on their site (with the featured image, the conclusion alongside the author’s considerations and the review score). As shown at the end of this post, here’s the image to show you what I’m talking about for the third time https://imgur.com/a/xgZYyV3. How can we do that?
About how to leave in the format in circle, appears next to the image with the punctuation we already know how to do. Inspecting the element is pretty easy to figure out the css. The problem is and I REPEAT, the score does not go beyond 5, and the question of how to leave the conclusion of the review as I have specified above (here the image again:). I hope it was clear this time. Thank you for your attention and I await your response. Hugs.
That will be the case, the way the images are cropped is defined in the code. The file responsible is here – http://prntscr.com/nru8zx but note that modifications to plugin files will be lost after a theme update, when the plugins are updated.
The latest articles section is provided by the page template used, if you don’t want it there change the page template – https://forum.tagdiv.com/page-templates-2/
Without the tagDiv composer cloud templates will not be possible. They are available exclusively for our composer.
It isn’t an issue if you use WPBakery, but there could be problems if you edit pages built with WPBakery with the composer, or the other way around. Not all elements work with both builders.
1. That is a background color set on a row, you can chnage it as needed
– http://prntscr.com/nrudcc
1.1 There are shadow settings for rows, and also gradients, in the same CSS tab
– http://prntscr.com/nrue4o
2. Rows, columns and most elements have settings to set a background color
– http://prntscr.com/nruf0m – http://prntscr.com/nruf63 – http://prntscr.com/nrufbx
1. You can activate the sticky mode in the composer and modify it as needed
– http://prntscr.com/nrug8o
Hi,
In order to remove the ads that appear on mobile please set in theme panel> ads>header ads -> https://www.screencast.com/t/tMqZsp7NOJCY for the space between pagination and ads you can try this custom css
-> https://www.screencast.com/t/e9LRTK23
.page-nav.page-nav-post {
margin-top: 0;
margin-bottom: 0;
}
Thank you!
Hi,
All of these tasks can be made if you will use such a custom CSS code. You can provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.
Thank you!
Hello !
For in-post template please try this css: .td-blog-travel .td-post-template-7 {
margin-top: 0px;
}
Thank you !
Hi,
A general width setting to change this does not exist. It shouldn’t be modified in the theme CSS because it most likely will create problems with the theme blocks and grids, widgets, etc. We don’t recommend doing this.
There are options to stretch the rows containing the content, for example
– https://www.screencast.com/t/II6LCBDb5w
But this can be made only by editing each page/cloud template.
With the help of the cloud library plugin you can now use the tagDiv composer to design templates for posts categories, etc
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
So you can import/modify cloud templates or create them from blank. The same stretch settings will be available.
Using the stretch options would be the recommend way for a wider layout. Check out some cloud templates designed by us – https://cloud.tagdiv.com/#/load/All there are wider layout as well.
Thanks
Hi,
Please check our documentation for how to Create custom code with the browser’s Inspector or the Live CSS Box -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
-> https://www.screencast.com/t/Pkj7kwCAA9g
Thank you!
I crate a page with name About me with plugin WP bakery. And when i add text block i change css Animation to FadeinDown. After that i public. But i don’t see any effect or Animation at Page About me. I try to add element custom Heading. And do it again. Element custom Heading work. Element text block still now work. Please help me how to make Text block have animation.
Tks team.
Should work by shortcode, works for most plugins. I haven’t tested that plugin exactly however, maybe there are problems like you mention (could be a CSS issue or maybe there are errors).
You could edit the template files like you did, if that works properly. In a child theme it isn’t possible anymore unfortunately. Only the default post template remained in the theme and can still be modified in a child theme.
i figured it out is was a css setting i was misunderstanding. thanks for trying to help anyway
I’m trying change the color of the hover in black theme of news 9.
I can’t seem to find the function for it. Should I take a look at the CSS and edit there?
Thank you.
Hi Calin
here is CSS which worked for me this time:
.single .addtoany_content,
.single .heateor_addtoany_content {
display: none;
}
article .tdb_single_content .addtoany_content,
article .tdb_single_content .heateor_addtoany_content {
display: inline-block;
}
I hope that it will help you guys making this templates even better. I am already using your templates on 3 sites, and I will use them in futer.
Thanks lot for support.
-
This reply was modified 7 years by
llubbo.
Is there a simple way to change the width of the template from the default value 1068? I would like to have the main column at width of at least 728px and the right colomn a width of a least 336px. I though if I give a total width of 1150 instead of 1068 this should be sufficiënt. Can I change this at one place in the CSS file or do I need to make several changes in the CSS files?