Search Results for 'css'

Hi,

I’d like to insert a grid around the images in post. I tried to add CSS like this

img.grid {border: solid 1px #3E3E3E;}

or

img.w {
border:1px solid #c7c7c7c7;
}

But both didn’t work.

Could you please tell me the right code for “Beauty Blog” theme?

Thank you.

Hi,

We are already using Newspaper theme purchased true other account, and now we have purchased the theme with this account. We installed the theme website on website http://worldoffloweringplants.com/ and we plan to install it on https://worldofsucculents.com/. We already had some pre-sale questions about archive php template listing on this here: https://forum.tagdiv.com/topic/archive-php-template-listing/#post-300915 and the few modifications went just fine.
The only problem that we have noticed is when the archive template description is listed the links in the description, when hovered over them they are not underlined (see here https://worldoffloweringplants.com/?genera=achillea) and all other links (for example https://worldoffloweringplants.com/browse-flowering-plants-genus/) are underlined when hovered over them. We tried to implement some CSS but no luck.
Can you please help us with this problem.

Thanks

Awesome theme, love to play with, but have one issue which I can’t get rid of even after several days.

1. I delete some element in tagdiv composer by clicking on the cross button
2. The element is deleted, but EMPTY COLUMN rectangle stays there.
3. The EMPTY COLUMN rectangle can’t be deleted. I’ve tried all possible methods.
No X cross on the EMPTY COLUMN.
The EMPTY COLUMN can’t be drag and droped anywhere on the side, also red delete button which usually appear is NOT appearing.
4. Only possible way how to actually HIDE the EMPTY COLUMN is trought css. However this is not the solution as HTML code is still there.

Please help me. Thank you

UPDATE 20min after

Recently did several other deletions of elemets and end up with having these EMPTY COLUMNS already 5…

Interesting is that some of the elements can be deleted without leaving EMPTY COLUMN after them, and some not

I’m currently building my site using the Newspaper 9 Dark theme. Is there any way with this theme to be able to have a toggle button on the home page where it can change the page from dark mode to light mode with a white background and black text instead? If not, is there any way to do this with custom CSS?

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