- NewspaperFlex Block Builder and Flex Loop Builder
- NewspaperHow to use the Flex Blocks cache option
- NewspaperHow to edit modules for Flex Block X
- NewspaperHow to insert a block inside the content of a post
- NewspaperFlex Block Settings Guide
- NewspaperMeta Info on Modules and Blocks
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewspaperThumbnails – Fix strange looking images on blocks
- NewspaperBlock settings tutorial
- NewspaperCategory Tag on Modules/blocks
- ApiPractical example – How to add a new Block and Module
- Apitd_api_block::delete
- Apitd_api_block::update_key
- Apitd_api_block::update
- Apitd_api_block::add
- ApiAPI – Blocks – Introduction
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
Hi,
Unfortunately you can not set one of your category pages as homepage. You can create a page with the Visual composer elements that you want – https://forum.tagdiv.com/how-to-use-visual-composer/ and use that as homepage – https://forum.tagdiv.com/homepage-how-to-build-and-set-it/ and then also control the content displayed in the grids and blocks using these settings – https://forum.tagdiv.com/block-settings-guide/
Thanks
Hello,
The category shown on modules and blocks is the primary category you set to your posts. If you do not set any primary category then the theme will choose the first alphabetical category name from the list of categories assigned to the post.
Please read this guide: https://forum.tagdiv.com/primary-category/
Thank you!
Hello Patrick,
The theme will display the category tag of the category which has been set it as a primary category from the panel. The result is here -> https://www.screencast.com/t/ltM5vBGb For more information about this regard, check our guide here -> https://forum.tagdiv.com/newsmag-category-tag-on-modulesblocks/ If you will need more assistance in this regard, you can provide your website URL and also, if is not what you mean, provide more details about your problem so I will be able to identify it and also, so I can provide a more accurate response.
Thanks for your understanding!
HI,
In my website i want to use custom css for Blockquote. Please check my post where i have used blockquote: http://trailmag.4uss.net/trail-town-2016-trail-run-festival/
I have added a costom CSS for blockquote.
I have added custom CSS from here https://getflywheel.com/layout/how-to-style-blockquotes-in-wordpress/
2nd part of second point
blockquote {
max-width: 600px;
margin: 20px;
padding: 10px;
text-align: center;
font-family: sans-serif;
font-size: 16px;
color: #7f7f7f;
border-left: 6px solid #38b6cd;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
it seems the code is perfect but not working with our theme. Please have a look and tell me what to do.
I want my block quotes should be look like https://getflywheel.com/wp-content/uploads/2015/09/style-blockquotes-wordpress-side-shape.png
Waiting for your reply.
Thanks
Hi,
The TagDiv site is custom made, but you could achieve something similar using the Visual composer elements. Try adding an empty row on your page – https://www.screencast.com/t/RxQ2ZVHsEx then set a video background – https://www.screencast.com/t/wXSxctvLSMh In that row you can add a text block for example – https://www.screencast.com/t/nVkWU3Zf and buttons if you like – https://www.screencast.com/t/yP8zNJUF and even an image element – https://www.screencast.com/t/qJEMLIxz6o9 then further customize them in each of their settings. The result is like this – https://www.screencast.com/t/01H1DkDpkGl9
Thanks
Hello,
I would like to add “load more” button instead of “page number” on the bottom of my home page. I know it is possible to add such button to every other block content, but since the Latest Articles section is always on the bottom of the “Pagebuilder + latest articles + pagination” template I don’t know how to manage it. I tried to change the template to some other but I had issues with smart sidebar – it didn’t work properly.
https://www.screencast.com/t/MQcXo6QR6Q
I would be really gratefull for some information if this is possible,
Thank You,
Best Regards
Kacper
Hello,
I’m having some difficulties with editing block headers colors – it looks like there is some kind of issue but I am not able to fix it myself. It’ll be easier to show you what I mean:
1) Here’s the block header template I chose:
http://www.screencast.com/t/ACmJ1m0r
2) Here are the general theme colors I chose:
https://www.screencast.com/t/aj8spDUYjbbc
3) Here you can see the desired effect – it is applied to all of the block headers on home page and other pages:
https://www.screencast.com/t/ryGRCJAtkGf2
4) Ane here is the issue – it’s occuring on the every post page:
https://www.screencast.com/t/6odcbFZ0e51c
It looks like the accent color is overiding block header settings. No matter what block header design I’ll choose it is always like that. You can see that the desired block header template is there but the blue background should’t. The only other way is when I choose transparent theme accent color – then it is looking ok on the post pages but every on hover state on the home page is transparent also – so it’s even worse.
I would be really grateful for helping me fix this issue.
Hello,
Grid on my homepage takes too much time to bring images and blocks below it takes just as much, to show up themselves.
By the way speed tests suggests that theme has broken request, though I have done nothing to customise the original structure.
I have talked to my hosting company about slow loading time of my homepage and their response was:
The slowness you are experiencing are caused by your scripts which are spending a time on rendering certain content on your website and you can see reports here:
https://www.webpagetest.org/result/170308_0P_VF8/
https://www.webpagetest.org/result/170308_0P_VF8/1/details/#waterfall_view_step1You may also want to fix following broken requests what should help you to speedup the website loading process too:
https://www.webpagetest.org/result/170308_0P_VF8/1/details/#step1_request69
https://www.webpagetest.org/result/170308_0P_VF8/1/details/#step1_request70
Thanks for your time.
I added a Big Grid 1 to display my Latest Posts.
1. Question: Can I add a Custom title for this block? “Latest Articles”
2. Can I add a Pagination?
Hi, i got a question. My client always choose two categorys for his posts:
a) the town where the event has been (for example: New York, Los Angeles…)
b) The theme of the event (for example: Sports, Politics)
In the tags sometimes the town is shown and sometimes the theme.
The client says that this is very confused. Is it possible to establish one parent-category?
Thanks Patrick
Hi, I just bought the theme. I’m happy with it, but I tought it was a little bit more flexible.
Right now I have some issues with the theme that I don’t know how to solve:
1. On posts header, the one I like the most is the number seven. The problem is the height is too high, the title is not centered and I would prefer it to be in the middle and not in the inferior part of the image.
2. The content of the posts is too wide witouth sidebar. I’m not going to use sidebar, so I would like the content to be more narrow, with a higher margin.
3. I would like to add a suscription form at the end of all the posts. The position should be just at the end, before the share buttons. Is there any way to do it automatically witout adding it manually in each post? Something like a widget a the end of the posts. I’m missing after posts widgets on this theme.
4. I would like to add something like a full width banner on the top of each post with a suscription form before the post image/title. Is there any way to do that?
5. I don’t see visual composer on posts, only on pages.
6. Images are not adapted to blocks or thumbnails and there is an ugly gray background. Do I always have to use specific featured image sizes depending on where they are going to be shown?
You can check it here on the top of the page: https://desdelaraiz.com/webnova/
7. Using the ajax filter, when I use offset then the filters don’t work well. With many categorys they are not showing any article. I would like to use offset to avoid repeating posts on the same page, but some posts, even they were not shown before, they are not showing when you switch to a specific category. I don’t understand why.
That’s all for today. Maybe I’m asking to much to this theme, just let me know.
Thank you so much.
Hi tagDiv team,
After updating NewsMag to 3.3.1 now I am noticing some unwanted effects. Please see the website frontpage:
http://www.goproace.com/
or screenshot : http://www.goproace.com/wp-content/uploads/2017/03/2.png
You may see that to the left side of the page there is an additional vertical line that looks to be a border. I have already set ‘no border’ for each block.
Inadvertently, it may also cause misalignment to my Block 2 and Block 6 settings.
Please advise thank you!
Hello,
When i edit a block or add widget ect ect from my desktop my changes does not show up when I check, ipad or mobile devices. What I am doing is logging into those devices and making the changes to each of them. For example. from my desktop I added a newsletter subscribe widget but the are not reflected on any of my mobile devices. I am doing testing at the moment to make sure everything is working well. When I go live i need to know that my visitors can see any changes too.
Please can you help because this is going to be a problem for me as I need to update my blog everyday and this will be lot of extra work. I would love to fix it asap.
i am using the installed demo news magazine.
Thanks
Hello Ingente,
Unfortunately, our theme does not have any such an option that allows you to move the article bottom ad to be under the sharing bottom ad, sorry! What can you do is to hide or not use the article bottom ad and insert with the do_shortcode method an ad, which have to be placed under the sharing bottom ad? For example, if you are using the post template style 2, you should edit the loop-single-2.php core file and under the sharing bottom you should insert your desired ad, like this -> https://www.screencast.com/t/Y5kJXj5sJ
<?php echo do_shortcode ('[td_block_ad_box spot_id="custom_ad_1"]'); ?>
Thanks for your understanding!
Hello,
In order to move the date on top of the article title, you will have to modify the module files and alter the theme code. Here is an example of how it can be done: https://www.screencast.com/t/jR5gLHAmk
You can see a list of what modules are used on which blocks here: https://www.screencast.com/t/2dSPdsxDNkYr
Thank you!
Hello,
Thank you for your kind words.
1) Add this code in the theme panel-> custom css box:
.td-footer-wrapper .td-pb-span4 .widget_facebook_likebox .td-block-title span a{
color: #f8b133;
}
2) You cna fix it using this code:
.td-footer-wrapper div .td_block_template_8 .td-block-title > *:before{
background-color: #f5f5f5!important;
}
You can change the color in the code to one that feels more appropriate. I added the exact same color from the top header blocks but it appears too bright compared to the dark blue of your footer background.
Thank you!
Hello Immam
I would love to help but unfortunately your description is not enough for us to understand exactly what you are trying to do. As I understand it you require specific filtering for posts on a page. This can be done using the block settings so you can show exactly the categories you want on that page. Please read this guide to learn how to change the block settings: https://forum.tagdiv.com/block-settings-guide/
If this is not what you mean, please provide more explicit details so I can better understand how to help.
Thank you!
Here is the entire code I have been provided with. I did not invent it myself. I am not a programmer. It has given to me in this forum.
.td-header-style-1 .td-header-top-menu {
top: 0;
}
@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #000;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 500px;
position: relative;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}
@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}
@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #c00000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}
@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #c00000 ;
}
@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}
@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}
Here is the entire code I have been provided with. I did not invent it myself. I am not a programmer. It was given to me in this forum.
.td-header-style-1 .td-header-top-menu {
top: 0;
}
@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #000;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 500px;
position: relative;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}
@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}
@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #c00000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}
@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #c00000 ;
}
@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}
@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}
Hello,
This is the default theme implementation: https://www.screencast.com/t/oUUgCl90smuz As you can see the post pagination is above all the other elements. On your end you probably use a plugin that places the content above the pagination.
The news ticker is a block element like any other. It does not ahve any special implementation. You can add it to a page using the add element button in visual composer: https://www.screencast.com/t/TdRllYJVE
None of the theme blocks have any functionality to add them across the whole website. This can be done if you want using a do_shortcode function by altering the theme files though if you have the proper coding skills.
Thank you!
That’s easy enough, but during the next theme update — bam! All of this reverts to the original. Is there a way to do this with a child theme, or does this still apply?
With time we plan to add support for files located in the core framework of the theme (the /wp_booster/ folder).
how to add more than one item?
// Before VC Init
add_action( 'vc_before_init', 'vc_before_init_actions' );
function vc_before_init_actions() {
//.. Code from other Tutorials ..//
// Require new custom Element
require_once( get_template_directory().'/vc-elements/sponsor-offer.php' );
}
<?php
/*
Element Description: VC Info Box
*/
// Element Class
class vcInfoBox extends WPBakeryShortCode {
// Element Init
function __construct() {
add_action( 'init', array( $this, 'vc_infobox_mapping' ) );
add_shortcode( 'vc_infobox', array( $this, 'vc_infobox_html' ) );
}
// Element Mapping
public function vc_infobox_mapping() {
// Stop all if VC is not enabled
if ( !defined( 'WPB_VC_VERSION' ) ) {
return;
}
// Map the block with vc_map()
vc_map(
array(
'name' => __('Oferta Sponsorowana', 'text-domain'),
'base' => 'vc_infobox',
'description' => __('Another simple VC box', 'text-domain'),
'category' => __('My Custom Elements', 'text-domain'),
'params' => array(
array(
'type' => 'textfield',
'holder' => 'label',
'class' => 'title-class',
'heading' => __( 'Label Oferty', 'text-domain' ),
'param_name' => 'label',
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
),
array(
'type' => 'textfield',
'holder' => 'h3',
'class' => 'title-class',
'heading' => __( 'Title', 'text-domain' ),
'param_name' => 'title',
'value' => __( 'Tytuł', 'text-domain' ),
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
),
array(
'type' => 'textfield',
'holder' => 'img',
'class' => 'title-class',
'heading' => __( 'Obrazek', 'text-domain' ),
'param_name' => 'images',
'value' => __( 'Link do obrazka', 'text-domain' ),
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
),
array(
'type' => 'textarea',
'holder' => 'div',
'class' => 'text-class',
'heading' => __( 'Text', 'text-domain' ),
'param_name' => 'text',
'value' => __( 'Opis...', 'text-domain' ),
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
),
array(
'type' => 'textfield',
'holder' => 'img',
'class' => 'title-class',
'heading' => __( 'Link zewnętrzny', 'text-domain' ),
'param_name' => 'link',
'value' => __( 'Proszę podać link zewnętrzny', 'text-domain' ),
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
)
)
)
);
}
// Element HTML
public function vc_infobox_html( $atts ) {
// Params extraction
extract(
shortcode_atts(
array(
'title' => '',
'text' => '',
'images' => '',
'link' => '',
'label' => '',
),
$atts
)
);
// Fill $html var with data
$html = '
<div class="so_label">
<span class="so_label-name">' . $label . '</span>
</div>
<div class="special-offer">
<div class="so_content">
<div class="so_logo">
</div>
<div class="so_description">
<span class="so_title">' . $title . '</span>
<p class="so_text">' . $text . '</p>
</div>
</div>
<div class="so_button">
Wyślij wniosek
</div>
</div>';
return $html;
}
} // End Element Class
// Element Class Init
new vcInfoBox();
?>
Hi there! Let me first thank you for the great job with Newspaper 7, it’s awesome!
I have two minor issues regarding my block titles in the footer (my site is: http://www.psl.ucr.ac.cr):
1. I’ve put the Jetpack Facebook page plugin in the first of my three footer columns. Everything works OK, but in this only case, the block title for the widget changes color, from the standard yellow I’m using, to white. I need it to stay yellow. Have tried some custom coding, but haven’t been able to target it.
2. Also, my general block header template is set to “Header Template 8”, so it displays a light grey block line to the right of the title (see here: http://www.screencast.com/t/qEU1zXXwS). But in the titles of my three footer columns, this light grey block lines turns into an ugly blackish one. I need it to be the same light grey as everything else.
In this screen capture you can see both problems in the footer: http://www.screencast.com/t/jLS1Aldwqli. Any ideas on how to fix that?
Thanks a lot. Cheers!
Fidel
Yes, RuTube and another video from different channels on the site.
With Youtube the site shows well, but the other part of the video (50%) from other channels.
And why did the MobileTem ColorMag Pro show normally?
Installed temporarily “jetpack” “Mobile theme”, the video fits well on the phone and there are no errors https://search.google.com/search-console/mobile-friendly.
What do you advise me to do more? How do I put the code from google.com/adsense? To show in the “jetpack” “Mobile theme?
How to hide from the main http://namtv.ru/ page “code”, I go through the phone and see:
[td_block_4 custom_title=»ТВ — передачи» header_color=»#1e73be» category_id=»2″ limit=»3″ ajax_pagination=»next_prev»]
[td_block_4 custom_title=»Фильмы и сериалы» header_color=»#8224e3″ category_id=»547″ limit=»3″ ajax_pagination=»next_prev»]
[td_block_4 custom_title=»Новости» header_color=»#dd3333″ category_id=»458″ limit=»3″ ajax_pagination=»next_prev»]
Hi,
Try making the change to default in the footer section like this – https://www.screencast.com/t/C2qgrZjd and also clear your cache after the change, also check any custom code you may have entered in the theme’s custom css section, or added to the theme files. If nothing works you could try this custom css code, just enter it in Theme panel->Custom Css – https://www.screencast.com/t/n8lEpPSr6zj with this result – https://www.screencast.com/t/jUfIsD2MY71 and also clear your cache after you enter the code.
.td-footer-wrapper .block-title span {
color: white!important;
}
Thanks