- 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
Hello,
The new grids do not have font settings yet. You can change the font with a custom css cod like for example on a big grid full 2:
.td_block_big_grid_fl_2 .td-module-title, .td_block_big_grid_fl_2 .td-module-meta-info{
font-family:tahoma;
}
Thank you!
Hi,
The search function is integrated in the header menu – https://www.screencast.com/t/if5jskv5IQp2 so the easier way would be to hide is with css if you want to remove it – https://www.screencast.com/t/2WrbMFsbcRv. This is the code used
#td-top-search {
display: none;
}
Thanks
Hi,
1. I have installed desired demo. Before install I selected to install WITH NO content, however all content installed itself anyway. I don’t want to have any content as I want to have my own.
step 1 – http://prntscr.com/eouqcc
step 2 – http://prntscr.com/eouqo1
result: http://prntscr.com/eour61
http://prntscr.com/eourlh
2. I would like to keep whatever I set up in this demo (with my content) and I don’t want to loose those settings and customization. What would happen if I want to try different demo? Will I lose that all after installing any other one?
3. Is it possible to have all settings and customization made in demo permanent? Exactly the same as in demo but without installing it, so it cannot be uninstalled?
4. I have noticed styles.css included in version 7.8 child theme has version 7.7c. Is that ok?
Hope you can help,
Regards,
@Vikram,
Same issue here… Do you have a custom CSS configured?
I had the following:
@media (min-width: 1181px) {
.td-boxed-layout #td-outer-wrap {
width: 1100px;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
width: 1100px;
}
}
The left alignment issue was resolved by deleting the above code from my custom CSS.
@Support Team:
What is the proper code for this custom in V7.8?
Thanks.
Hi!
I have a problem with the mobile menu. When I press the hamburger icon it doesn’t open the menu list, 99% of the time. The page just zooms out. But sometimes after a reload or changed setting it works.
I’ve been going through the settings, deactivated plugins, changing from child theme and back, removing custom css, activated and deactivated mobile theme, clearing cache an so on.
What would be the best solution to solve this problem?
Hello!
Change properties to “Stretch row and content (no padding)” does not give results.
For example main page of http://zvuk-m.com/ contains the desired row with a slider.
I still have padding 24 px & 24 px 
http://zvuk-m.com/wp-content/uploads/2017/03/Untitled-1.jpg
And it’s impossible to win, because it refers to all the contents of the page.
If I clean up the padding with the CSS tools, the layout is destroyed..
Recommend something, please!
Hi, I’m working on a site with Articles, News and Author Columns. For News and Articles I have selected the style 3 post template, but for Author Columns I want to select the style 12, because I do not need a great image and I want a different style. My problem is with the color of Title font. For the style 3 template I assigned white color for font, because the words are above the image, but in style 12 the white title font is invisible because it do not have a colored image under. With style 5 for author columns I will have the same problem. I tried to set a custom css in author’s columns for entry-title color font but this is not possible. Is there any way to set a different font for titles in different categories or in different templates? Maybe to set black font color for titles in style 12 template?
Thanks!
CSS is not working with the theme blocks… like if I want to change the spacing inside the theme blocks, I am unable. Is it possible? (Even after !important)
hi, after v.7.8 update … i have problems with a plugin geodirectory … here you can see the site https://goo.gl/3qSsLq
everything worked great before … looks like some css styling is applied which makes the contend of the plugin very big …
you help its much appreciated
thanks
Hi,
I want to give different color to each Menu item(Menu Font). I.e Home will be in red, about will be in blue, contact will be in green etc.
I tried adding different custom css class in menu and added Css to those in custom Css section, but seems thats not working
http://www.trailmag.co.za
Please help
Thanks
Hi,
The option for the category color set here – https://www.screencast.com/t/Y8itktt3 will be displayed only on the post page. There is no option to inherit these colors on the category tag on modules. You can only modify them with custom css – https://www.screencast.com/t/Ntqt3UQyGkZ or by custom work.
Thanks
I don’t found the code
<?php
/**
*
* Class td_block_big_grid_1
*/
class td_block_big_grid_1 extends td_block {const POST_LIMIT = 5;
function render($atts, $content = null){
// for big grids, extract the td_grid_style
extract(shortcode_atts(
array(
‘td_grid_style’ => ‘td-grid-style-1’
), $atts));$atts[‘limit’] = self::POST_LIMIT;
parent::render($atts); // sets the live atts, $this->atts, $this->block_uid, $this->td_query (it runs the query)
$buffy = ”;
$buffy .= ‘<div class=”‘ . $this->get_block_classes(array($td_grid_style, ‘td-hover-1’)) . ‘” ‘ . $this->get_block_html_atts() . ‘>’;
//get the block css
$buffy .= $this->get_block_css();$buffy .= ‘<div id=’ . $this->block_uid . ‘ class=”td_block_inner”>’;
$buffy .= $this->inner($this->td_query->posts); //inner content of the block
$buffy .= ‘<div class=”clearfix”></div>’;
$buffy .= ‘</div>’;
$buffy .= ‘</div> <!– ./block –>’;
return $buffy;
}function inner($posts) {
$buffy = ”;
if (!empty($posts)) {
$buffy .= ‘<div class=”td-big-grid-wrapper”>’;
$post_count = 0;
// when 2 posts make post scroll full
$td_scroll_posts = ”;
if (count($posts) == 2) {
$td_scroll_posts = ‘ td-scroll-full’;
}foreach ($posts as $post) {
if ($post_count == 0) {
$td_module_mx5 = new td_module_mx5($post);
$buffy .= $td_module_mx5->render($post_count);$buffy .= ‘<div class=”td-big-grid-scroll’ . $td_scroll_posts . ‘”>’;
$post_count++;
continue;
}$td_module_mx6 = new td_module_mx6($post);
$buffy .= $td_module_mx6->render($post_count);$post_count++;
}if ($post_count < self::POST_LIMIT) {
for ($i = $post_count; $i < self::POST_LIMIT; $i++) {
$td_module_mx_empty = new td_module_mx_empty();
$buffy .= $td_module_mx_empty->render($i);
}
}
$buffy .= ‘</div>’; // close td-big-grid-scroll
$buffy .= ‘</div>’; // close td-big-grid-wrapper
}return $buffy;
}
}
The same for my BIG GRiDE 5
<?php
/**
*
* Class td_block_big_grid_5
*/
class td_block_big_grid_5 extends td_block {const POST_LIMIT = 3;
function render($atts, $content = null){
// for big grids, extract the td_grid_style
extract(shortcode_atts(
array(
‘td_grid_style’ => ‘td-grid-style-1’
), $atts));$atts[‘limit’] = self::POST_LIMIT;
parent::render($atts); // sets the live atts, $this->atts, $this->block_uid, $this->td_query (it runs the query)
$buffy = ”;
$buffy .= ‘<div class=”‘ . $this->get_block_classes(array($td_grid_style, ‘td-hover-1’)) . ‘” ‘ . $this->get_block_html_atts() . ‘>’;
//get the block css
$buffy .= $this->get_block_css();$buffy .= ‘<div id=’ . $this->block_uid . ‘ class=”td_block_inner”>’;
$buffy .= $this->inner($this->td_query->posts); //inner content of the block
$buffy .= ‘<div class=”clearfix”></div>’;
$buffy .= ‘</div>’;
$buffy .= ‘</div> <!– ./block –>’;
return $buffy;
}function inner($posts) {
$buffy = ”;
if (!empty($posts)) {
$buffy .= ‘<div class=”td-big-grid-wrapper”>’;
$post_count = 0;
foreach ($posts as $post) {
$td_module_mx12 = new td_module_mx12($post);
$buffy .= $td_module_mx12->render($post_count);$post_count++;
}if ($post_count < self::POST_LIMIT) {
for ($i = $post_count; $i < self::POST_LIMIT; $i++) {
$td_module_mx_empty = new td_module_mx_empty();
$buffy .= $td_module_mx_empty->render($i);
}
}$buffy .= ‘</div>’;
}return $buffy;
}
}
I don’t found what I have to remove…
-
This reply was modified 9 years by
Stangerson.
Hello,
If you want to add that particular gallery across your whole site, you can simply add it in the header as it;s easier to implement. You will need to use a do_shortcode function in the header file like so:
<?php echo do_shortcode ('your gallery shortcode here'); ?>
Add your gallery shortcode to the code and then place it in the header file:
https://www.screencast.com/t/pKHNC3GWR
It will need a bit of css for a center positioning though.
Thank you!
Hello,
In order to make the css code more specific you will need to add the images on a separate row and add a custom class to the row in visual composer like so: https://www.screencast.com/t/Zsy0y8n0
Then you simply add your custom class name in the code provided like so:
.customimages .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
margin-bottom: 5px!important;
}
Thank you!
Hi,
The header logo in header style 8 is displayed like this – https://www.screencast.com/t/BSjCYbyfKX5K as you can see the image is not centered. If you would like it to display different please choose other header style from the available ones. Or center it with css in this current header style, like this – https://www.screencast.com/t/9FAin8XGwJ
Thanks
Hello,
The space is a top margin added for each page and is set by default to 48 pixels. You changed that default implementation in your custom css code but left a 10 px margin https://www.screencast.com/t/8aR8cv3So
Your code will affect the top and bottom though so if you want to have different margins for the top and bottom part of your page you will have to use all 4 parameters of the margin. You use the shorthand version now with 2 parameters.
Thank you!
Hi,
I’m wondering if the theme is based on Less. I’d like to build a custom css only with the component I use. The main css file is about 1mb size, when I use only a small part of it. For example, I don’t need all the headers style and I use only a few block.
Is there a way to compile only the elements that I need?
Hi,
The theme style.css file is located in the main theme install folder – https://www.screencast.com/t/KPvIcEOdg2 and you can use any text editor to edit it and insert this code.
Or use the default WordPress editor – https://www.screencast.com/t/Qfdmn9wX
I have inspected your website and the code is applying properly at the moment.
Thanks
Hello,
The theme does not provide any option to remove these overlays. They can be removed with css though:
Add this code in the theme panel-> custom css box:
.td_module_mx1 .td-module-thumb a:last-child:before{
display:none;
}
Thank you!
Hi,
1. If you are talking about this space in the page mega menu – https://www.screencast.com/t/vSbN3TY7U you could modify the padding – https://www.screencast.com/t/CoW3rRW5t using a code like this – https://www.screencast.com/t/q794GFK9
This is the code used
.td-mega-menu-page
.td-mega-grid
.td_block_wrap {
padding-bottom: 0;
}
2. You could set a hover on those items like this – https://www.screencast.com/t/X8ebqJuXb
This is the code used (you may modify the colors as you wish or add additional customization)
.td-mega-menu-page
.td_block_text_with_title
a:hover {
background-color: #dd3333;
color: white;
}
3. For the font you could use something like this – https://www.screencast.com/t/8T7HqNk3Ih9A
This is the code used
.td-mega-menu-page
.td_block_text_with_title
a {
font-size: 12px;
line-height: 20px;
}
All these css codes must be entered in Theme panel->Custom Css – https://www.screencast.com/t/SVNysnTu
Thanks
Hello,
If you want to place a full background ad, you can simply upload a background image and add a link to it by using the theme background ad: https://forum.tagdiv.com/newsmag-background-ads/
In order to create a gap, you will need a bit of custom css. Here is an example:
.home .td-container{
top:480px;
}
You can add the code in the theme panel-> custom css box.
result: https://www.screencast.com/t/uA3qhn6fdeuz
Thank you!
Guys if u use that code for fixing the theme, the Arena Product store become unclickable.
See this for example
http://www.techninja.eu/schede-tecniche/huawei-p10-lite-scheda-tecnica/ (i didn’t set the css, but u can from inspector)
Hello
On homepage, under a space is under the second menu.
How could we achieve to make it disappear?
I think come from one of the custom CSS (I put all the elements below).
There is an space too big to.
How I achieve to reduce that?
.jpeg)
The Custom CSS:
Hi,
That pointing down arrow is an indication that the respective menu item is a mega menu. You could remove them with a code like this – https://www.screencast.com/t/5BinHrCpef or you could reduce the padding between the menu items like this – https://www.screencast.com/t/P4mY0kdY
These are the codes used in the example for the icon removal
#td-header-menu .td-icon-menu-down {
display: none;
}
And this for the padding reducing
#td-header-menu .sf-menu > li > a {
padding-right: 10px;
}
Each or both must be entered in Theme panel->Custom Css – https://www.screencast.com/t/UgF19q3PxS
Please note that if you choose to update to the latest version, there is an option to stretch the header menu – https://www.screencast.com/t/WkfKkTBte so in the case of having more menu items there will be more available space.
The changelog for the latest update can be seen here – https://themeforest.net/item/newspaper/5489609
Thanks
Hi
Soon after updating to Newspaper v7.8, the ClamAV Virus Scanner has flagged the files below as Malware. Could you please urgently advise on what to do.
Should I Quarantine, Destroy or Ignore????
Thanks
public_html/wp-content/themes/Newspaper/style.css Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/editor-style.css Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/mobile/style.css Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/mobile/includes/less_files/type.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/mobile/includes/less_files/video-playlists.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/panel/color_picker.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/panel/box.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/external/ace/ace.js Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/external/kint/view/inc/original.css Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/external/kint/view/inc/solarized.css Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/external/kint/view/inc/solarized-dark.css Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/external/kint/view/less/original.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/external/kint/view/less/solarized-dark.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/wp_booster/external/kint/view/less/solarized.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/less_files/header-style.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/less_files/header.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/less_files/type.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/less_files/block-templates.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/less_files/video-playlists.less Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/themes/Newspaper/includes/plugins/js_composer.zip Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/plugins/js_composer/assets/lib/bower/ace-builds/src-min-noconflict/theme-chrome.js Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL
public_html/wp-content/plugins/js_composer/assets/lib/bower/ace-builds/src-min-noconflict/ace.js Atomicorp.PHP.Malware.031717163850.29095.UNOFFICIAL