- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to Update the WPBakery Page Builder plugin
Very grateful for the help guys!
The “trick” suggested by Kevin worked like a charm.
Sometimes a bug occurs, but nothing that could disrupt the use and construction of the layout through TD composer.
Thanks also to Chris S and congratulations to Bogdan B. and all the TagDiv team for being so great! The best masters at it !!!
Still on the subject, would you be able to tell which function could avoid (dequeue) loading of JS and CSS of TD composer in single pages?
Thank you so much!
Hello,
The tagdiv composer was updated and it was focused more for the ionmag theme as it uses only the td composer, not visual composer. We will release updates to newspaper and newsmag and the plugin will once again work as expected. We will probably update td_composer on github as well.
Thank you for your understanding.
Hi fabinhoalmeida,
I had the same problem with errors using TD Composer downloaded from the forum link.
To solve the problem follow this link: https://www.wpion.com/
Download tagdiv’s IonMag theme (a free version of Newspaper/Newsmag theme) and Version 1.0 of the plugin comes pre-packed with the theme files.
Just unzip the theme and you will find the TD Composer zip file in ionmag>includes>plugins
Install this and you shouldn’t have any problems.
Hope this helps.
Regards
Kevin
Hello Chris S. First of all I want to thank you for your attention. I had read about TD composer, but I did not quite understand its purpose of being a SHIM strand. Maybe I did not understand because of my poor English LOL !!!
I followed your guidelines, but from the beginning I received the following error:
Errors happened during tdcIframeData.init () -> bindViewsModelsWrappers ()!
I tried to disable all plugins to work with only it, and still the error appears in the superrior part of the block editing screen.
Could you tell me what might be going on?
Thank you very much!
Hey!
as one of the original “make me a shim!” proponents back in the day, I know what you mean.
So – you might try the “successor” to that shim which is the new TagDiv Composer plugin, which can replace VC, and has all the blocks and more that the shim supported. 🙂
So you can build stuff with it, without using VC then switching on the shim. Now, just use the TD Composer and ditch VC and the ooooooold (2014?) shim.
Basically the shim is no longer supported, as far as I know. The TD Composer is the way to go. See the sticky post top of forum.
I’m using it on all our sites now. 🙂
Try it ! 🙂
I disabled all plugins, but don’t see visual composer in the list. All I see is a plugin called TD Composer. I left that one on just to check but no change. I turned it off and no change. Can’t seem to find Visual Composer even with a search in the new plugins page.
Should we check this again after installing Visual Composer…and where can I find Visual Composer?
I am sending you separately a new administrator login:
Name: bogdan
-
This reply was modified 9 years by
RawFoodGuy.
-
This reply was modified 9 years by
Alin [tagDiv].
Hello m0re,
Do you are using the Visual Composer for posts? In this case, you should use the same code, like this ->
.td-pb-span4 .td_block_8 .td_module_7 .td-post-date{
display:none;
}
The results ->http://screencast.com/t/xkTCyVLo7Od
Hope this helps!
Thaks for the message!
Hello,
Unfortunately the only option where you can place any element below the pagination is a static page you can edit in visual composer and you can paginate each block. The theme does not have any option to place elements below any standard pagination. If you want to add any element below a paginated post you will have to edit the theme files and add a do_shortcode function inside the post template files depending on the post style that you use: http://screencast.com/t/mtxWLAZyH
You can use the code like so:
<?php echo do_shortcode('[td_block_video_youtube playlist_yt="NRuE38Bl5Mo, 1ZgoluYjuZM, 0K-0vkFfUmY"][/vc_column]'); ?>
Thank you!
Thanks for the response. Hmm..i’ll try the TD Composer beta. I have V 3.1 of newsmag, when is the next version expected?
@ both
If you want to place a custom ad in the posts above the related articles section you will have to use the do_shortcode function and place it inside the post template files that corresponds to the post template that yopu use. Here is an example:
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]'); ?>
this code will render the ad from custom ad 1. You can see the shortcodes in visual composer on an ad box element (switch to classic mode in page edit to see the code and get the shrotcode)
Now to place it inside posts above the latest articles you need to add it like so:
http://screencast.com/t/8Rl1SWbTyB
Thank you!
In my layouts, I make the home page sidebar a widget sidebar; then I use the normal appearance > widgets to put stuff in that sidebar on home page.
No need to get new version of Visual Composer just because there is an update.
Just ignore the update notice.
I have actually moved to the TD COmposer beta, as it’s simpler, more lightweight and doesn’t get pokey updates every 10 weeks.
Hello eddiecassidy6,
First of all, I will thank you for your above explanation. Here is talking about an unproperly setup of your homepage and that’s why you will bring these. I guess that you want to have a smart sidebar which rolling until the latest article module, look like the demo, right? Please notice that you should use correctly the Visual Composer (2/3+1/3) and also if you want to have this type of sidebar you should set it properly with our documentation here -> https://forum.tagdiv.com/smart-sidebar-2/ I have inspected your screens and I have notice that you are not using the right layout of your rows in Visual Composer and that’s why you will bring these white spaces. Try to use our documentation regarding on how you can use the Visual Composer plugin, here -> https://forum.tagdiv.com/how-to-use-visual-composer/ because it is very useful to understand the right steps in order to achieve best results. If you want to change the background of your website, first of all, you should check the Design Option from your Row Settings because the color comes from here, like this -> http://screencast.com/t/r27qtdqFqSf
Regarding on pictures on the header menu, please notice that all of them were made using the Font Awesome for Menus plugin which has this functionality. For more information about this plugin, please consult the documentation here -> https://forum.tagdiv.com/how-to-add-icons-in-menu/
Hope this helps!
Thanks for your understanding!
Try disabling your cache plugin.
Also make sure you updated WP memory limit in the wp-config.php file.
Depending on server setup, make sure you set php memory limit to 1G (some systems prefer 1G vs 1000M); frankly 768M is plenty.
Consider moving from Visual Composer to the TD Composer beta (we did on all our news portals running Newsmag 3x).
Disable “related posts” “more from author” and “flyout” bottom right stuff. Try to use just ONE post module image size type in sidebar, vs multiple. Try only having ONE advert in side bar.
Seriously, all this stuff helps!
Hello,
Unfortunately, I do not know where this error occurs. I suspect your untested plugins which can interact with the theme core and cause a lot of unknown issues. Try to disable the untested plugins, leave just Visual Composer to active, clear all your caches and install only the plugins that come bundled with the theme packet and rule out any conflicting plugins. You can try the code below and place it in Theme panel ->Custom CSS area.
The code is ->
.td-adspot-title {
background-color: white;
}
.vc_custom_1478337829203 {
background-color:white!important;
}
The result -> http://screencast.com/t/Wh1HP0oYg
Thanks for the message!
Hello,
The slider gallery works just fine on our end: http://demo.tagdiv.com/newspaper/td-post-aston-villa-beat-liverpool-to-join-arsenal-in-the-fa-cup-final/ If yours does not work like the on on our demo, then you probably have a js error affecting it. Please disable all your plugins except visual composer, clear cache and reset cdn files if you use it. Then test again. Also switch to the main theme if you use a child theme in order to rule out it;s interference. Please also disable any js optimization as well.
As for the second issue, it has since been fixed. You can access the forum now without any issues.
Thank you!
Hi, i need your help to understand why i have the Render-blocking Javascript and Css Error in Google Pagespeed test page
I just install the TagDivBooster plugin, i just read and execute the instructions in this page: https://forum.tagdiv.com/how-to-make-the-site-faster/
Here the list of js and css:
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.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
yoast-seo-admin-global-script | http://www.notizialocale.it/wp-content/plugins/wordpress-seo/js/dist/wp-seo-admin-global-350.min.js
td_wp_admin | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_edit_page.js
td_page_options | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tooltip.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
yoast-seo-adminbar | http://www.notizialocale.it/wp-content/plugins/wordpress-seo/css/adminbar-340.min.css
yoast-seo-admin-global | http://www.notizialocale.it/wp-content/plugins/wordpress-seo/css/admin-global-370.min.css
yoast-seo-dismissible | http://www.notizialocale.it/wp-content/plugins/wordpress-seo/css/wpseo-dismissible-350.min.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://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
My site url: http://www.notizialocale.it
I continue to have those css in above-the-fold content from pagespeed tool:
http://www.notizialocale.it/wp-content/themes/Newspaper/includes/demos/magazine/demo_style.css?ver=7.4
http://www.notizialocale.it/wp-content/themes/Newspaper/style.css?ver=7.4
http://www.notizialocale.it/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=4.12.1
http://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C400%2C600%2C700&ver=4.6.1
http://fonts.googleapis.com/css?family=Roboto%3A500%2C400italic%2C700%2C900%2C500italic%2C400%2C300&ver=4.6.1
Can you help me to solve the problem?
Hello,
The news ticker as a any other block element in visual composer must be added on each page as it’s not a widget. It is a block element. If you want it on pages you have to add it in. There is a workaround if you truly want to place it, but you will need to edit the theme files for that. The theme has no such setting.
You can filter the news ticker the way you want to and then place the shortcode in a do_shortcode function like so :
Your shortcode could look different based on your settings.
Then you can add the above function in the page template files. There are 3 page templates. Add the function in the one you use on your pages or all 3 if you use all of them
http://screencast.com/t/PJ93bR1eKe
Thank you!
Hello,
The image shows a big grid element you can add on your site in visual composer. You can find the element in the visual composer elements list when editing a page. It is called big grid 1: http://demo.tagdiv.com/newspaper/big-grid-1/
As for the spacing above it, you can use this css to remove it:
.home .td-main-page-wrap{
padding-top:0!important;
}
Add the code in the theme panel->custom css box
Thank you!
Hi,
When you create a page without using the Visual Composer pagebuilder, the page title will appear in frontend even if you use the default page template. You can use this custom css to hide it – http://screencast.com/t/Fbjn3JIe7o
.page-id-798 .td-page-header {
display: none;
}
.page-id-798 .td-page-content h2:first-child {
margin-top: 0px;
}
Hope this helps!
Hello,
If you want to have only a top image and the rest just titles, you can simply do that with css, no custom coding required. You can simply use one of the theme blocks that has this sort of functionality but with different images like block 1 on 2 columns for example:
http://demo.tagdiv.com/newspaper/block-1/
You can hide the small thumbs with this code:
.td-block-span6 .td_module_6 .td-module-thumb{
display:none;
}
.td-block-span6 .td_module_6 .item-details{
margin-left:0;
}
result: http://screencast.com/t/oaeZXjpGJHD
You can even target paricular blopcks so you will not affect all blocks 1 at the same time by adding a custom css class on the row in visual composer.
You can also use block 2 :
http://screencast.com/t/DX8PO8MNJl
Or block 18 and 19. You ujust need to change up the css a bit.
Oh, and Block 17 already has this implemented: http://demo.tagdiv.com/newspaper/block-17/
Unfortunately you cannot separate each post by category. Our theme has no such option. You can filter specific posts in a block from the filter settings or specific categories but you cannot make the block pull each post in particular from a particular category,. There is no such depth added to the post filters. Sorry.
Thanks
Alright, so I am trying to display posts like they are displayed on http://www.chicagomag.com/
They are separated by category, show one top image, and the rest are post titles.
How can I do this in the API or just on the TD composer?
Hi,
1. The sticky logo is there now. Mobile and desktop
2. Please remove any custom css you may have affecting the logo and add this code instead:
.td-header-style-7 .td-header-sp-logo{
max-width: 278px!important;
}
.td-header-style-7 .td-header-menu-wrap-full{
height: 106px!important;;
}
3. For the slider issue, please disable all plugins except visual composer, clear cache and reset cdn files if you use it. Then test the slider again. i sus pect some plugins are no longer compatible in the current version of the theme.
Thank you!
Hello hkhasib,
First of all, please try to disable all your untested plugins, leave just Visual Composer to active, clear all your caches and install only the plugins that come bundled with the theme and rule out any conflicting plugins. As a quick solution, you should use the code below and place it in Theme panel->Custom CSS area.
@media (max-width: 767px){
.td-container {
padding-left: 0!important;
padding-right: 0!important;
}
The result you should see here -> http://screencast.com/t/M1xvtqGqUe2N
Thaks for your understanding!
Hello,
Unfortunately big grids in our theme do not have title possibilities. If you still want a title you can add a text with title element above the big grid and then assign a custom class to the row in visual composer as we will need to reduce a bit of spacing for the text with title element.http://screencast.com/t/NHzjMTjWW
After you add the title and the custom row, use this css to remove the spacing below the title:
.custom_title .td_block_text_with_title{
padding-bottom:0!important;
}
http://screencast.com/t/2hHkuYUV2b
As for the text, the text with title allows you to have the text above the big grid.
Thank you!
Hello,
You should check your custom CSS area and you should erase from there the code which gives the width:75% value for your logo on mobile. Also, you can use the following code to cancel this effect.
The code is ->
@media (max-width: 768px){
.td-main-menu-logo img {
width: initial!important;
}
Also, please notice that this type of effect can appear from your untested plugins if you are using something like that. Try to disable all of them, clear all your caches, leave just Visual Composer to active and install only the plugins that come bundled with theme and rule out any conflicting plugins.
Thanks for your understanding!