- TutorialsDefault Block Settings Guide
I’m using List Menu shortcode to add a menu to a sidebar. How can have the page that is selected be either underlined or bold, like the header menu?
Hello !
In order to achieve that you will have to add a footer from a cloud library and edit it. For more informations please take a look at this documentation regarding this matter (the tutorial is for a header but applies the same way for the footer ): https://tagdiv.com/overlay-header-newspaper-theme/
I hope this was helpfull !
Thank you !
Hello,
I am struggling to design a header in Composer as it looks different on live site than in the composer (logo part). I triple checked I saved the composer and the correct header template is selected:
Composer: https://www.dropbox.com/s/5dww33mrr5wgu8o/Screenshot%202019-07-10%20at%2011.23.48.jpg?dl=0
Live site: https://www.dropbox.com/s/myh3cz81vbbo66e/Screenshot%202019-07-10%20at%2011.23.55.jpg?dl=0
Site URL: https://gizzmo.hu/blog
Hi,
I want to use custom font within widget. I got the header changed to the font I need but not the description inside.
https://imgur.com/Q82H6Ev
Regards,
Is that specific for newspaper theme, because with other themes, when I create a child theme, inside I have style.css, functions.php and sometimes i create header.php and when I do a change inside function.php (child theme) it doesn’t effect it when I update the theme.
So in next update i should use child theme? for better customization.
Hello !
Go into Theme Panel – Header – Top Bar and check or uncheck the options you want to be available as you can see here: https://www.screencast.com/t/1YBJNe1xFAXw
I hope this was helpfull !
Thank you !
Hi,
The only way you can change the logo size from Theme panel is to change the header style.
Thank you!
Hello,
I have configured the header of my web with a cloud template, but in the mobile version I can not see the ad that I have placed in the header. How can I solve that?
Thank you
Hey guys,
I updated today 5 websites from 9.7.2 to 9.7.3.
All the menus and sidebars were broken on all websites.
I’m using cloud template for posts and header.
All websites have WP up to date.
> I updated and activated all plugins. Same problem.
> I deleted tagdiv plugins (td composer and cloud) and reinstalled. Same problem.
I had to restore all websites because all websites are live, so I can’t show you the issue on a live website.
Any idea where to look ? what to do ?
Never had this issue in the past.
Thanks for your help.
Somehow I missed that question, sorry about that. I see the problem, it is happening because the header menu elements don’t have a visibility priority one over the other. They are the same, regardless of how many are in the page.
I could give you a CSS solution for this, it will make the top header menu element display over the bottom one – http://prntscr.com/ocgpoe
The code can be entered in the theme panel->custom code->CSS section
.td-header-desktop-wrap .tdb_header_menu:nth-child(3) {
z-index: 998!important;
}
Let me know if you have more questions. Either here or create a new topic.
Hello,
There are a few files that need to be edit, depend on the search element that you are using.
Search form -> wp-content/plugins/td-cloud-library/shortcodes/search/tdb_search_form.php
Widget search -> wp-content/plugins/td-composer/legacy/Newspaper/parts/page-search-box.php
Widget search -> wp-content/plugins/td-composer/legacy/Newspaper/searchform.php
Header live search -> wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_search.php
-> wp-includes/general-template.php
Thank you!
Hello !
All of google’s header ads are sticky, on your site too as you can see here: https://www.screencast.com/t/kyqilIDeWCa
Make sure to clear your cache after each change because that may be the problem. We do recommend using WP Super Cache: https://tagdiv.com/wp-super-cache-plugin-install-and-configure/
I hope this was helpfull !
Thank you !
Hi,
I see you are using a cloud header template. With these headers you can customize the desktop and the mobile version of the header.
Edit the cloud header template with the composer, and select the mobile viewport
– http://prntscr.com/ocg2r2
Then customize the mobile version of the header as needed.
You can also customize the sticky version of both desktop and mobile header. While editing the template activate the sticky version – http://prntscr.com/ocg3gi
This option will activate the sticky mode in the composer, not actually enable/disable the sticky mode for the website.
If you don’t want a sticky header, remove all the elements from the sticky mode
– http://prntscr.com/ocg3yk
Here is some more information about cloud headers – https://forum.tagdiv.com/header-manager/
Let me know if you have more questions.
Thanks
I would like to display main custom ad. (custom ad.5) which currently display below the header of home page on every category and article/post page. The custom ad. should display at the same position as same as home page.
This is important to me because reader don’t come to home page anymore. They come from social media link directly to each article/post page. Therefore all advertisement on home page must display on article/post page as well.
please help.
***After I upgrade the theme to the latest version. My site got problem such as can not save the menu or edit theme setting. I fixed it by increase admin memory to 512 and increase max input var to 5000. You should notify all customers on the theme-forest page.***
Hey Rene,
+1, I have exactly the same issue since the update to 9.7.3.
Cloud header are broken, no sidebar…
Thanks for your help support !
Cheers
When I click on the Text with Title and try to add content the edit window cycles non stop and I cannot use.
Hi,
I have Newspaper 9.7.2 installed and have tried to follow this, https://forum.tagdiv.com/practical-example-how-to-add-a-new-block-and-module/ to create a new version of block 9 in which I have custom code (for the purposes of the learning exercise i have called it block and module 77 as per the exercise).
The php for the shortcode is,
<?php
class td_block_77 extends td_block {
static function cssMedia( $res_ctx ) {
// fonts
$res_ctx->load_font_settings( ‘f_header’ );
$res_ctx->load_font_settings( ‘f_ajax’ );
$res_ctx->load_font_settings( ‘f_more’ );
// module 77 fonts
$res_ctx->load_font_settings( ‘m77f_title’ );
$res_ctx->load_font_settings( ‘m77f_cat’ );
$res_ctx->load_font_settings( ‘m77f_meta’ );
}
public function get_custom_css() {
// $unique_block_class – the unique class that is on the block. use this to target the specific instance via css
$unique_block_class = $this->block_uid . ‘_rand’;
$compiled_css = ”;
$raw_css =
“<style>
/* @f_header */
.$unique_block_class .td-block-title a,
.$unique_block_class .td-block-title span {
@f_header
}
/* @f_ajax */
.$unique_block_class .td-subcat-list a,
.$unique_block_class .td-subcat-dropdown span,
.$unique_block_class .td-subcat-dropdown a {
@f_ajax
}
/* @f_more */
.$unique_block_class .td-load-more-wrap a {
@f_more
}
/* @m77f_title */
.$unique_block_class .td_module_77 .entry-title {
@m77f_title
}
/* @m77f_cat */
.$unique_block_class .td_module_77 .td-post-category {
@m77f_cat
}
/* @m77f_meta */
.$unique_block_class .td_module_77 .td-module-meta-info,
.$unique_block_class .td_module_7 7.td-module-comments a {
@m77f_meta
}
</style>”;
$td_css_res_compiler = new td_css_res_compiler( $raw_css );
$td_css_res_compiler->load_settings( __CLASS__ . ‘::cssMedia’, $this->get_all_atts() );
$compiled_css .= $td_css_res_compiler->compile_css();
return $compiled_css;
}
function render($atts, $content = null) {
parent::render($atts); // sets the live atts, $this->atts, $this->block_uid, $this->td_query (it runs the query)
if (empty($td_column_number)) {
$td_column_number = td_global::vc_get_column_number(); // get the column width of the block from the page builder API
}
$buffy = ”; //output buffer
$buffy .= ‘<div class=”‘ . $this->get_block_classes() . ‘ td-column-‘ . $td_column_number . ‘ td_block_padding td_block_bot_line” ‘ . $this->get_block_html_atts() . ‘>’;
//get the block js
$buffy .= $this->get_block_css();
//get the js for this block
$buffy .= $this->get_block_js();
// block title wrap
$buffy .= ‘<div class=”td-block-title-wrap”>’;
$buffy .= $this->get_block_title(); //get the block title
$buffy .= $this->get_pull_down_filter(); //get the sub category filter for this block
$buffy .= ‘</div>’;
$buffy .= ‘<div id=’ . $this->block_uid . ‘ class=”td_block_inner”>’;
$buffy .= $this->inner($this->td_query->posts); //inner content of the block
$buffy .= ‘</div>’;
//get the ajax pagination for this block
$buffy .= $this->get_block_pagination();
$buffy .= ‘</div> <!– ./block –>’;
return $buffy;
}
function inner($posts, $td_column_number = ”) {
$buffy = ”;
$td_block_layout = new td_block_layout();
if (empty($td_column_number)) {
$td_column_number = td_global::vc_get_column_number(); // get the column width of the block from the page builder API
}
$td_post_count = 0; // the number of posts rendered
$td_current_column = 1; //the current column
if (!empty($posts)) {
foreach ($posts as $post) {
$td_module_77 = new td_module_77($post, $this->get_all_atts());
switch ($td_column_number) {
case ‘1’: //one column layout
$buffy .= $td_block_layout->open12(); //added in 010 theme – span 12 doesn’t use rows
$buffy .= $td_module_77->render($post);
$buffy .= $td_block_layout->close12();
break;
case ‘2’: //two column layout
$buffy .= $td_block_layout->open_row();
$buffy .= $td_block_layout->open6(); //added in 010 theme – span 12 doesn’t use rows
$buffy .= $td_module_77->render($post);
$buffy .= $td_block_layout->close6();
if ($td_current_column == 2) {
$buffy .= $td_block_layout->close_row();
}
break;
case ‘3’: //three column layout
$buffy .= $td_block_layout->open_row();
$buffy .= $td_block_layout->open4();
$buffy .= $td_module_777->render($post);
$buffy .= $td_block_layout->close4();
if ($td_current_column == 3) {
$buffy .= $td_block_layout->close_row();
}
break;
}
//current column
if ($td_current_column == $td_column_number) {
$td_current_column = 1;
} else {
$td_current_column++;
}
$td_post_count++;
}
}
$buffy .= $td_block_layout->close_all_tags();
return $buffy;
}
}
And the php for the module is,
<?php
class td_module_77 extends td_module {
function __construct($post, $module_atts = array()) {
//run the parrent constructor
parent::__construct($post, $module_atts);
}
function render() {
ob_start();
$title_length = $this->get_shortcode_att(‘m77_tl’);
$modified_date = $this->get_shortcode_att(‘show_modified_date’);
///print_r($this->post->ID);
$choosen_post_functionality = get_field( “choose_post_functionality”, $this->post->ID );
// For Element One
$title_lo = get_field( “title_lo”, $this->post->ID );
$title_link_lo = get_field( “title_link_lo”, $this->post->ID );
$media_name_lo = get_field( “media_name_lo”, $this->post->ID );
$media_link_lo = get_field( “media_link_lo”, $this->post->ID );
$publish_date_lo = get_field( “publish_date_lo”, $this->post->ID );
//$abstract_excerpt_lo = get_field( “abstract_excerpt_lo”, $this->post->ID );
$abstract_excerpt = get_post_field(‘post_content’, $this->post->ID);
// For Element Two
$title_lt = get_field( “title_lt”, $this->post->ID );
$title_link_lt = get_field( “title_link_lt”, $this->post->ID );
$author_name_lt = get_field( “author_name_lt”, $this->post->ID );
$media_name_lt = get_field( “media_name_lt”, $this->post->ID );
$publish_date_lt = get_field( “publish_date_lt”, $this->post->ID );
$citations_title_lt = get_field( “citations_title_lt”, $this->post->ID );
$citations_link_lt = get_field( “citations_link_lt”, $this->post->ID );
//$abstract_excerpt_lt = get_field( “abstract_excerpt_lt”, $this->post->ID );
?>
<div class=”<?php echo $this->get_module_classes();?>”>
<?php if($choosen_post_functionality == “ext_lo_one”) { ?>
<div class=”item-details”>
<?php //echo $this->get_title($title_length);?>
<h3 class=”entry-title td-module-title”>” rel=”bookmark” title=”<?php echo get_the_title( $this->post->ID );//$title_lo; ?>”><?php echo get_the_title( $this->post->ID ); //$title_lo; ?></h3>
<div class=”td-module-meta-info”>
<?php //if (td_util::get_option(‘tds_category_module_77’) == ‘yes’) { echo $this->get_category(); }?>
<?php //echo $this->get_author();?>
<div class=”media_date” style=”margin-top:5px;”>
<span class=”td-post-author-name”>“><?php echo $media_name_lo; ?> <span>-</span> </span>
<?php //echo $this->get_date($modified_date);?>
<span class=”td-post-date”><time class=”entry-date updated td-module-date”><?php echo $publish_date_lo; ?></time></span>
</div>
<div class=”td-post-content” style=” margin-top: 5px; padding: 0; “><?php echo $abstract_excerpt; //$abstract_excerpt_lo; ?> </div>
<?php //echo $this->get_comments();?>
</div>
</div>
<?php } elseif($choosen_post_functionality == “ext_lo_two”) { ?>
<div class=”item-details”>
<?php //echo $this->get_title($title_length);?>
<h3 class=”entry-title td-module-title”>” rel=”bookmark” title=”<?php echo get_the_title( $this->post->ID ); ?>”><?php echo get_the_title( $this->post->ID ); ?></h3>
<div class=”td-module-meta-info”>
<?php //if (td_util::get_option(‘tds_category_module_77’) == ‘yes’) { echo $this->get_category(); }?>
<?php //echo $this->get_author();?>
<div style=”margin-top: 5px;”>
<span class=”td-post-author-name”><?php echo $author_name_lt; ?> </span>
</div>
<div class=”media_date” style=”margin-top:5px;”>
<span class=”td-post-author-name”><?php echo $media_name_lt; ?> </span>
<?php //echo $this->get_date($modified_date);?>
<span class=”td-post-date”><time class=”entry-date updated td-module-date”><?php echo $publish_date_lt; ?></time></span>
</div>
<span style=” display: block; margin-top:5px;” class=”td-post-author-name”>“><?php echo $citations_title_lt; ?> </span>
<div class=”td-post-content” style=” margin-top:5px; padding: 0;”><?php echo $abstract_excerpt; ?> </div>
<?php //echo $this->get_comments();?>
</div>
</div>
<?php }else { ?>
<div class=”item-details”>
<?php echo $this->get_title($title_length);?>
<div class=”td-module-meta-info”>
<?php if (td_util::get_option(‘tds_category_module_77’) == ‘yes’) { echo $this->get_category(); }?>
<?php echo $this->get_author();?>
<?php echo $this->get_date($modified_date);?>
<?php echo $this->get_comments();?>
</div>
</div>
<?php } ?>
<?php echo $this->get_quotes_on_blocks();?>
</div>
<?php return ob_get_clean();
}
}
I have set up the folders as per the tutorial but am not sure where to pull the two CSS files needed that set out the style for Block 9.
NOTE: I also wish to create custom block versions for the Flex Blocks.
Please can you advise as to where these are located and if any additional considerations need to be made in view of the Envato-required changes.
Finally, another question. Given the change to follow Envato rules when I come to update to a new release version will this overwrite any custom blocks?
Thanks.
Best
Gary
Hi, since the Mobile Theme plugin has so much you can’t customize, I had to disable it. Everything looks great now but I cannot find the way to disable the sing in / join buttons on the menu. The header manager won’t open the menu itself and provides no customization. How can I remove the sign in option?
Thank you!
Hello,
The mobile ad works now, but the ad itself isn’t sticky, just the header? How do I make the ad/content sticky?
I checked the “Sticky” option on the column/row of the ad, but it’s not sticking?
-
This reply was modified 7 years by
altpress.
Sorry Calin, but you have this option in your theme. I add same menu with your new header builder (Mobile horizontal menu). The problem is that the menu is not fluid. I doesn’t slide well.
I have a website with the newspaper theme Screenshot (in spanish) of the page that shows up after I try to edit my website. I would I appreciate any help. I’ve tried deleting all my headers but other than that I don’t have that many plugins or things in my website. I’ve tried editing other pages or creating new pages and it doesn’t work. I’m unable to do any changes to my website please help!
Google Adsense tells me to put its script code between the <head> and </head> tags. When I go into Theme Editor, select header, and put it between <head> and </head> it doesn’t work. What is wrong with this theme?
Hello. I want to delete just the header FOLLOW US ON INSTAGRAM @… , but keep Instagram in footer. How I can do it?
Hi,
You can add a button using tagDiv Composer -> https://www.screencast.com/t/VvvOWKHJA -> https://www.screencast.com/t/ew8fEzeYyuH
Also if you want to create a menu you can check our documentation from here:
Main menu -> https://forum.tagdiv.com/main-menu/
Mega menu -> https://forum.tagdiv.com/mega-menu/
Header Manager -> https://forum.tagdiv.com/header-manager/
If this is not what you mean, please provide some more details.
Thank you!
1. Of course there is, you can name it while editing it, either in the backend
– http://prntscr.com/obzqs1 – http://prntscr.com/obzqyh
Or in the composer – http://prntscr.com/obzrhi – http://prntscr.com/obzs5b
– http://prntscr.com/obzsar
2. I see you have built a cloud header template and applied it. But on mobile it is empty.
Please edit the header template and check if there are any elements in it in mobile mode
– http://prntscr.com/obzth5
When creating a cloud header template you must add elements in both desktop and mobile mode. If there are no elements for mobile, the header will be empty.
Let me know if you have more questions or I misunderstood the problem.