Search Results for 'flex'

Hello,

I have just installed this template and everything is ok except the home. I have imported a default homepage with several elements (flex blocks, social blocks and everything) and when I am on tagdiv composer everything is ok, but when I load the homepage, for example Flex Block 3 is getting full stretch and there is no space for social counter widget on the right.

The template loads both style.css (parent and child theme) but something is getting wrong.

Could you help me please to solve it?

Thank you

Hello,

I need your help please!

Im creating a row->column> and I´m adding two or three columns to add the articles I write.

I like the structure of block 13, the meta info group several information. But when I choose this block is hard to configure, the block is always aligned left. I would like to the meta info configuration of block 13 in the flexbox 1. Is there a way in newsmag control panel or I need to change the code?

Image link

https://ibb.co/yy7Fh3s

Thank you very much

Hi.

Our single posts do not look like the single post template.

Screenshot of Flex on home page: https://www.dropbox.com/s/9fgn49mxuvifysm/Screenshot%202019-07-08%2017.39.36.png?dl=0 (looks good)

Screenshot of what single post looks like now: https://www.dropbox.com/s/gygsgngwr1c1wdt/Screenshot%202019-07-08%2017.39.46.png?dl=0 (looks bad)

Screenshot of what the single post should look like (when hitting button ‘edit template’ on top of page: https://www.dropbox.com/s/ldk1llgakgco4qs/Screenshot%202019-07-08%2017.40.08.png?dl=0

Can you please assist?

Thanks.

Hi there.

On website: https://okobserverorg.wpmudev.host/ We’re needing to stack the archives pagination buttons below the flex box pagination buttons so users won’t have to scroll through months of posts.

Screenshot 1 showing archives pagination: https://www.dropbox.com/s/dlj66jeqi1v6h38/Screenshot%202019-07-08%2016.16.53.png?dl=0

Screenshot 2 showing flex box pagination: https://www.dropbox.com/s/min19100psu2z7y/Screenshot%202019-07-08%2016.17.10.png?dl=0

Thanks!

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

Hello – I have created subtitles on my posts and I would like to display them on the home page – the title posts like this on flex blocks https://www.screencast.com/t/NwMpsv5c but I’d like to have the subtitle display below that. Please let me know if that’s possible?

Hello, our client showed us a screenshot of their Newspaper 7 theme (version 7.7c) website we created, where titles are displayed over the images, instead of under the images, using Flexblock 1.

website: https://schoonmaakjournaal.nl

We noticed that checking in Safari 9, there are no images at all to be seen.
Am I correct that this is an issue with older Safari versions?
Because using crossbrowsertesting.com to check on Safari 12, everything seems to be fine.
With what kind of safari releases is Newspaper 7 compatible?

Regards,
Martin.

Hi there~

Newspaper theme is so awesome!
But I have a problem!

It is sorting issue.
In tagdiv composer, I used Flex block1 and, I set bellow infomation
post type : page
Sort order : Alphabetical a->z

but it is not working normally.
bellow image is error cooured captured image.
This page is korean, and correct sorting sequency is “김남주 – 박초롱 – 손나은 – 윤보미 – 정은지”.

I have more cases like upper image.
Don’t you support korean in newspaper theme?

Please help me. I have to sort Alphabetically.

Hello, team tagDiv.

I am customizing author, archive, search, category and tag templates. I chose an archive template from cloud library, the posts are displayed using post loop. But I want to change the design of how these posts look for which I decided to use flex box 1. Now the problem, flex box or any shortcode other than post loop isn’t working the way it’s supposed to be. Flex box show all the post there are on the website, there is no filter. Only post loop filters the post.

So please help me. I don’t want to ruin my website’s design by bringing in any consistency in the way it looks.

This is happening with my website.

1) I went into the theme panel. From the section “LAYOUT SETTINGS”, I clicked “TEMPLATE SETTINGS”.

6) I selected the flex box and what I see is that all the posts started showing. The posts were not filtered by tag.

I have only one post for the tag name “Tour” but when I click on this tag, instead of showing that one post only, it shows all the posts. And this only happens when I don’t use post loop

I have an error with the block big grid flex 1, as shown in the image one of the boxes is blank like blocked and the title of the post comes out on top of that white box, the weird thing is that if I choose another category the box is fixed but I need to filter a category in specific but that error comes out, it is happened with another category too, you know why? I do not know what to do, I need it adjust but I do not know what to move.https://1drv.ms/u/s!AnkokusskyGrgYZm1E7IP5s9rraw_w?e=PhiVs5