- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewsmagHow to use the Visual Composer plugin
- Apitd_api_block::update_key
- Apitd_api_block::update
- Apitd_api_block::add
- NewspaperCredit System
- NewspaperCreate a frontend submission form
- NewspaperHow to Use the Tabbed Content shortcode
- NewspaperCreate a form contact page
- NewspaperFilters and sorting for taxonomies
- NewspaperUser review system
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperSocial Sharing
- NewspaperSingle Post Shortcodes
- NewspaperInfinite Loading for Single Posts
- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperHow to Add a Logo in Newspaper
Hello,
All the option you are looking for are in the theme panel -> fonts section. https://forum.tagdiv.com/font-customization/
This menu should be accessible from the theme panel. Please try to disable all plugins except visual composer and try again. You can also check your browser inspector’s console and see what causes the error. for example we use chrome: ctrl+shift+i and it will bring up the inspector then click the console tab: http://screencast.com/t/iCqTDEhswH and then click the fonts section and see what error comes up in the console area.
Another thing you need to check is the theme status settings: http://screencast.com/t/ismUn3QrRQ
You can follow this topic to see how you can increase these values: https://forum.tagdiv.com/system-status-parameters-guide/
I hope this helps.
Thank you!
Hi Sayeed,
For your first request, you can use a bit of css in theme panel like this: http://screencast.com/t/ktvjFQ2d
.td_block_wrap .td-post-date, .td-post-author-name{
display:none;
}
And for second request, there is an option to disable related articles within Theme panel like this: http://screencast.com/t/SncFbYr0E7 . If you want to add another widget in your post, i suggest to use a Visual Composer for posts. You can activate this like this: http://screencast.com/t/BZD6mfqMz
Our theme is not tested with Visual Composer for posts and also can appear several errors.
After using Visual Composer for posts, i’ll recommend to use the code below:
.td-post-content .wpb_wrapper {
padding: 10px;
}
Thanks and let me know how it goes!
Hello,
1) Please send an email at contact@tagdiv.com and provide your envato key and the username you used to buy the theme.
2) The tabs were modified so the default color (grey) would keep the style of the theme. any other color except grey will use the visual composer styling. If you want the look of the grey style but with different colors, you can use css to change them:
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a{
background-color:black;
color:white;
border:1px solid white;
}
result: http://screencast.com/t/upOiuewDkz3
3) If you create your sidebar in visual composer it is different from posts. You need to add an extra class to the row: https://forum.tagdiv.com/smart-sidebar-2/
4)The hover color for the news ticker is affected by the color set in the theme panel: http://screencast.com/t/jkS3x0wJKTB . You can either change it from the theme panel or use custom css to keep your style and only affect the news ticker.
.td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title{
background-color:#1e73be!important;
}
Thank you!
Or
function css_mover() {
if ($this->td_theme_name == 'Newspaper') {
// wp 011 - Newspaper 6
//$this->move_style_to_footer_queue('bbp-default-bbpress'); //bpress old
//$this->move_style_to_footer_queue('bbp-default'); //bpress
$this->move_style_to_footer_queue('contact-form-7');
$this->move_style_to_footer_queue('font-awesome-four');
$this->move_style_to_footer_queue('td-plugin-framework');
$this->move_style_to_footer_queue('bb-taps-editor-style-shared');
$this->move_style_to_footer_queue('boxes');
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');
$this->move_style_to_footer_queue('js_composer_front');
$this->move_style_to_footer_queue('td-theme');
I tried them both. But nothing can be changed
I understood the Custom CSS section. Ok
function css_mover() {
if ($this->td_theme_name == 'Newspaper') {
// wp 011 - Newspaper 6
//$this->move_style_to_footer_queue('bbp-default-bbpress'); //bpress old
//$this->move_style_to_footer_queue('bbp-default'); //bpress
$this->move_style_to_footer_queue('contact-form-7-css');
$this->move_style_to_footer_queue('font-awesome-four-css');
$this->move_style_to_footer_queue('td-plugin-framework-css');
$this->move_style_to_footer_queue('bb-taps-editor-style-shared-css');
$this->move_style_to_footer_queue('boxes-css');
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');
$this->move_style_to_footer_queue('js_composer_front-css');
$this->move_style_to_footer_queue('td-theme-css');
But I do not understand any of the others. I think I’ll give up 🙁 peff…
Thanks, I have updated to the latest version but your method of how to update is out of date. This show Newspaper 4 way to update not Newspaper 6 which is different as all the plugins are contained in the Newspaper section.
Now I get this message at the top of the Dashboard:
Important notice: You have an outdated version of Visual Composer Design Options. It is required to review and save it. Open Design Options.
When I click Open Design Options I get this: You do not have sufficient permissions to access this page.
Can you help?
http://mecburlar.com/…-includes/js/jquery/jquery.js?ver=1.11.3
http://mecburlar.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://mecburlar.com/…assets/js/js_composer_front.js?ver=4.7.4
http://mecburlar.com/…lib/waypoints/waypoints.min.js?ver=4.7.4
http://mecburlar.com/…uery.themepunch.tools.min.js?ver=5.0.4.1
http://mecburlar.com/…themepunch.revolution.min.js?ver=5.0.4.1
http://mecburlar.com/…jquery.form.min.js?ver=3.51.0-2014.06.20
http://mecburlar.com/…ct-form-7/includes/js/scripts.js?ver=4.3
http://mecburlar.com/…Newspaper/js/tagdiv_theme.min.js?ver=6.5
http://mecburlar.com/…cludes/js/comment-reply.min.js?ver=4.3.1
http://mecburlar.com/…mment-system/media/js/count.js?ver=4.3.1
I could not find them in txt file. My txt file
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
wp-mediaelement | /wp-includes/js/mediaelement/wp-mediaelement.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
itsec_file_change_warning_js | http://mecburlar.com/tr/wp-content/plugins/better-wp-security/core/modules/file-change/js/admin-file-change-warning.js
itsec_strong_passwords | http://mecburlar.com/tr/wp-content/plugins/better-wp-security/core/modules/strong-passwords/js/strong-passwords.js
wp-color-picker | /wp-admin/js/color-picker.min.js
wpseo-admin-global-script | http://mecburlar.com/tr/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td_wp_admin | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tooltip.js
thickbox | /wp-includes/js/thickbox/thickbox.js
jquery |
jquery-ui-sortable | /wp-includes/js/jquery/ui/sortable.min.js
to-javascript.js | http://mecburlar.com/tr/wp-content/plugins/taxonomy-terms-order/js/to-javascript.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
backwpup | http://mecburlar.com/tr/wp-content/plugins/backwpup/assets/css/backwpup.min.css
wp-mediaelement | /wp-includes/js/mediaelement/wp-mediaelement.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
itsec_notice_css | http://mecburlar.com/tr/wp-content/plugins/better-wp-security/core/css/itsec_notice.css
wp-color-picker | /wp-admin/css/color-picker.min.css
td-plugin-framework | http://mecburlar.com/tr/wp-content/plugins/td-api-plugin/wp-admin/style.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css
thickbox | /wp-includes/js/thickbox/thickbox.css
ithemes-icon-font | http://mecburlar.com/tr/wp-content/plugins/better-wp-security/lib/icon-fonts/icon-fonts.css
to.css | http://mecburlar.com/tr/wp-content/plugins/taxonomy-terms-order/css/to.css
Hello,
The option is available in the newspaper theme just styled differently. It is a visual composer element you can pick when you edit a page called “Homepage post”: http://screencast.com/t/WWNfkUhVmz
But the styling is a bit different: http://screencast.com/t/ot8Uymkk
It will grab the featured image and make it a background.
If you only want an full width image not a post, you can follow this topic: https://forum.tagdiv.com/topic/adding-top-area-like-travel-example/
You can have that styling in a post by choosing post style 7: http://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/
I hope this helps.
Thank you.
I figured it out. I used visual composer to add block and then switched to classic mode and g otcode.
🙂
<?php echo do_shortcode('[vc_row][vc_column][td_block_16 custom_title="Name of block title" category_id="XYZ" limit="5"][/vc_column][/vc_row]'); ?>
Tnx anyway
-
This reply was modified 10 years by
croboy.
Hi @Yannik97,
If you want to use a different symbol for every block used in visual composer, in CSS code you need to add a speccific class for each block: (.td_block_1 or .td_block_2 or .td_block_3 … or .td_block_18).
For my example, the CSS code look like that:
.td_block_1 .block-title span::before {
content: '\';
margin-right: 10px;
}
Thanks and let me how it goes!
Hello,
Visual composer elements were not tested on posts. They work but lose their CSS and styling. You need custom work to get them to display like on a page.
As an alternative, you can use a different block to achieve your goals. For example a block 14: http://screencast.com/t/JzduopNO1
and style it with CSS:
.single-post .td_module_mx1{
padding-bottom:5px;
padding-right:1px;
}
.single-post .td_block_14{
margin-top:15px;
}
You can change the padding/margin values to your preference.
Add the code to the theme panel->Custom CSS box.
Thanks
Hi,
Please test this without any plugins active except of Visual Composer, remove also any custom modifications, like this image that can affect your test. Please test an article from our demo and see if works. We use only the recommended plugins.
Here you can find all the thumbs used by the theme including the featured image size – http://screencast.com/t/vMglIyJrQ
If you want to change this or add a new thumb size you will have to edit the td_config.php file – http://screencast.com/t/ylE0NAKMzG and here is used on default post template – http://screencast.com/t/3qEXetvMDH7
If you make any changes you will have to regenerate thumbnails – https://forum.tagdiv.com/existing-content/
You can find more details here(it is from newsmag docs, but it is the same also for newspaper) – https://forum.tagdiv.com/image-size/
I have also checked you site on Ipad Mini and the page is loading. Please provide more details about the issue you have.
Thanks!
Hello,
The theme has a few options to insert ads. Please read the doccumentation on how you can use ads: https://forum.tagdiv.com/header-ad/ (there are 8 sections on ads)
For pages you can use visual composer’s ad box element.
Headers have their own ad space you can use. If you want to place another ad besides the one provided by the theme you will have to alter the theme core files.
If you want to use the code method for example in the category pages, you can use a ‘do_shortcode’ function and set it to use one of the custom ad spots from the theme panel:<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?> and place the code in the corresponding category file: http://screencast.com/t/LgZK8Zys2Uw
I hope this helps.
Thanks.
-
This reply was modified 10 years by
Bogdan B..
Hi,
The tagdiv gallery was not designed to be used in a text block using Visual Composer. If you add it in a post content without using VC you will see that it wont be any issues. This is on our list and we will fix it as soon as possible.
You can try this custom css in Theme Panel > Custom Css until we fix it – http://screencast.com/t/ATzbkNYW
.single .td-pb-span12 .wpb_text_column .td-slide-on-2-columns .td-slide-galery-figure {
width: 100%;
}
.single .td-pb-span12 .wpb_text_column .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-item img {
max-width: 100%;
}
Thanks!
Hi
I have installed speed booster plugin in my site and followed the instructions appeared here https://forum.tagdiv.com/how-to-make-the-site-faster/
Once i run the code..
function td_inspect_scripts() {
global $wp_scripts, $wp_styles;
echo 'registered scripts<br>';
foreach ($wp_scripts->queue as $handle) {
echo $handle . ' | ' . $wp_scripts->registered[$handle]->src . '<br>';
}
echo 'registered styles<br>';
foreach ($wp_styles->queue as $handle) {
echo $handle . ' | ' . $wp_styles->registered[$handle]->src . '<br>';
}
}
add_action( 'wp_print_scripts', 'td_inspect_scripts' );
Got the snippet as follows…
registered scripts
admin-bar | /wp-includes/js/admin-bar.min.js
contact-form-7 |
td-site | http://www.wpdiv.com/wp-content/themes/Newspaper/js/tagdiv_theme.js
comment-reply | /wp-includes/js/comment-reply.min.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
contact-form-7 |
boxes | http://www.wpdiv.com/wp-content/plugins/wordpress-seo/css/adminbar.min.css
parent-style | http://www.wpdiv.com/wp-content/themes/Newspaper/style.css
js_composer_front | http://www.wpdiv.com/wp-content/plugins/js_composer/assets/css/js_composer.css
td-theme | http://www.wpdiv.com/wp-content/themes/WPDIV/style.css
Based on above results i did added the strings in my speedbooster plugin as shown below based on your manual here https://forum.tagdiv.com/how-to-make-the-site-faster/
$this->move_style_to_footer_queue('parent-style');
$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('js_composer_front');
$this->move_js_to_footer('td-site');
$this->move_js_to_footer('comment-reply');
But still i am getting the same issues…. http://prntscr.com/8u044l
Where i did wrong and will you please help me to get rid of the errors experiencing here.
Hello croboy,
Visual composer was not tested on posts. It has that option and you can add blocks to your post , but you will need custom CSS modification to position it.
You can add a padding to it with CSS:
.single-post .td_block_wrap{
padding-top:50px
}
Place it in the theme panel-custom CSS box.
This code adds a padding to all block elements on posts (all of them will stick to the text without a padding or margin set to them). You can tweak the value in the code to your preference.
Thanks.
Hi
The theme doesn’t have an option to add text on columns but you can use Visual Composer to achieve that. First you need to enable it for posts: http://screencast.com/t/Jh1zE0tL then use a text block on a layout with the desired number of columns: http://screencast.com/t/JrJ1zZK4J – http://screencast.com/t/gibZlJhNmDFV If you’re using within a post you will need some css customization, so add a custom css class in raw settings: http://screencast.com/t/kF1TDaqeTNH9 then the css code in theme panel custom css like here:
.text-colons.td-pb-row [class*="td-pb-span"]{
border-left: 0;
}
The result should be like here: http://screencast.com/t/CjZRWuWgZiFH
Let me know how it goes.
Thanks!
Hi,
1. Just set a description for your category(ies) – http://screencast.com/t/48oLwJpE3E and set style 6 for your category, also upload a background image – http://screencast.com/t/BhtuUzhR
Please provide a link so we can take a look if you have issue with this.
2. If you want to change the size of a specific thumb you have to edit td_config.php file. Here you can find and the thumb size that are created and used on modules – http://screencast.com/t/iN6Z1VaVqQw.
As you can see this size is used on more modules and blocks, so if you don’t want to change this for all elements, you can easily add a new size there(just copy all the thumb code and change the size) – http://screencast.com/t/sLm5MMcGf and use it on a specific module(for example module 10 is used on block 11 ) – http://screencast.com/t/SyNHPWYo Don’t forget to regenerate your thumbs – https://forum.tagdiv.com/using-the-theme-with-existing-content/
The theme doesn’t have an option to change the background color for content, but on page content if you use Visual Composer pagebuilder you can add a background color to the row – http://screencast.com/t/szuzQftGrOm – http://screencast.com/t/Awsua5q1b1K
Thanks!
Hi,
I just upgraded to Newspaper 6 today due the latest Visual Composer not working with Newspaper 4 (at least, it didn’t for me). Anyway, I’m trying to create a page template, however I’m having a few issues.
Effectively, the template that I created allowed was a standard page, but had a logo (Background image) at the top of the page content (underneath the header), with a menu underneath. The code for this on Newspaper 4 was:
get_header();
if (have_posts()) { ?>
<?php while ( have_posts() ) : the_post(); ?>
<div class="container td-page-wrap">
<div class="row">
<div class="span12"><strong><div id="wtog-logo"></div> <div id="wtog-menu"><?php wp_nav_menu( array( 'theme_location' => 'wtog', 'container' => '')); ?> </div> </strong>
<div class="td-grid-wrap">
<div class="container-fluid">
<?php the_content(); ?>
</div>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
<?php } else {
echo td_page_generator::no_posts();
}
get_footer();
All of the pagebuilder/visual composer content would show as normal below this ‘submenu’ (wtog-menu). What would be the best way to have the same shown in Newspaper 6? I noticed the code on the other existing templates are much more complex, so any help would be appreciated.
Hi
The quotes wasn’t designed to work on pages if Visual Composer it’s used but you can try this custom css in theme panel > custom css: http://screencast.com/t/R1USfvkXOa
.td-container .td_quote_box p{
font-family: 'Open Sans', arial, sans-serif;
color: #777;
font-size: 13px;
line-height: 21px;
text-align: left;
padding-bottom: 16px;
margin: 0;
text-transform: none;
font-style: italic;
}
.td-container .td_quote_box {
background-color: #FCFCFC;
border-left-style: solid;
border-width: 2px;
border-color: #4db2ec!important;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
}
Note that this css will work fine only for this case, if you want different quotes, will be needed other customizations.
Let me know how it goes.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello,
The design can be replicated but you need a bit of CSS coding to pull it off. You can set background colors to transparent from the theme panel to every element: http://screencast.com/t/Lzn2C640NX
Then you can create a blank page in visual composer and set it as a homepage. Then you need to identify the page id so you can modify just the one page http://screencast.com/t/Qq9WvQ3BgV4
Then you can start to create your css code like so:
.page-id-2 .td-sub-footer-container{
display:none;
}
.page-id-2 .td-footer-wrapper{
display:none
}
.page-id-2 .td-main-content-wrap{
display:none
}
result: http://screencast.com/t/85HvlJCA9
This code will need adjustments but it is an example of how it can be done. If you cannot manage to build the css code on your own, you can hire a freelancer to do it for you as we cannot provide any custom work at the moment. We try to help set people on the right path.
I hope this helps.
Thank you!
Hi,
1. You can hide post views via custom css in Theme Panel > Custom Css – http://screencast.com/t/nwr7yQRBX
.td-post-views {
display: none;
}
2. Please make sure you select all elements from Visual Composer settings(and save) – http://screencast.com/t/CLOL9hsaZ
3. Please check the Tag template and change the module(the search module doesn’t exist in version 6) – http://screencast.com/t/Tb918utRX
Thanks!
Hi,
You have this issue because you use Visual Composer on posts page, unfortunately the tagdiv gallery was not designed for to be used in a text block. We will take a look at this and we will try to fix it in a future update. Please try thsi custom css until we fix this: http://screencast.com/t/nObvBKsvR
.single .wpb_text_column .td-gallery-slide-copywrite {
background-color: rgba(0, 0, 0, 0.8);
display: inline-block;
float: left;
font-size: 11px;
font-style: italic;
line-height: 1;
padding: 4px 6px;
text-align: left;
}
.single .wpb_text_column .td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
bottom: -50%;
left: -85%;
margin: auto;
overflow: auto;
position: absolute;
right: -50%;
top: -50%;
}
Thanks!
Hi
For some reason the header warp have a height by 900px on the product post page, that’s why appear that blank space. Try to deactivate plugins except Visual Composer and Woocommerce, clear all caches and test again. if the problem persist try this custom css in theme panel custom css: http://screencast.com/t/mOPfX2IMQ
.td-header-wrap {
height: auto!important;
}
Let me know ho it goes.
Thanks!
Hello,
You can try to disable ajax view count: https://forum.tagdiv.com/ajax-view-count/
If this doesn’t work, please make sure that you use the latest theme version and check this only with Visual Composer active, disable all other plugins and clear cache, maybe the issue is caused by a plugin and refresh an article and see if the view counter increments.
If you want you can remove it with this custom CSS:
.single .td-post-views {
display: none;
}
Let me know how it goes!
Thank you!