Search Results for 'block'

Results from the Forum
Calin
tagDiv Staff

Hi,

You need to add a block or a flex block, I will recommend to use flex blocks because this is more flexible and have more option for customization.

Thank you!

garyjones
tagDiv Member

Hi Simion,

I hope you are well.

I have made some changes to the previous td_module_9 php I sent you.

Rather than hard coding the If and ElseIf statements with the category and tags as before, the If statement now calls a post_type variable. This is basically an ACF custom field, with two options, to which some of the other ACF fields are conditionally tied – I also changed the ElseIf to an Else.

In addition I have integrated the code with the module 9 default div classes and added a couple including a couple span classes. This now means each field sits within a separate CSS element I can style. The code is also now shorter as you will see –

<?php

class td_module_9 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('m9_tl');
$modified_date = $this->get_shortcode_att('show_modified_date');

$hb1 = in_category(array('News','Features','Tech'), $this->post->ID );
$hb2 = in_category( array('Research'), $this->post->ID );
$hb3 = has_tag(array( 'aged care', 'anxiety/stress', 'autism', 'cognitive', 'Dementia', "Parkinson's", 'sleep' , 'well-being' ), $this->post->ID);
$hb4 = get_field (post_type, $this->post->ID);

$link = get_field('media_outlet_url', $this->post->ID);
$media = get_field ('media_outlet', $this->post->ID);
$country = get_field ('country', $this->post->ID);
$publicationdate = get_field ('publication_date', $this->post->ID);

?>

<div class="<?php echo $this->get_module_classes();?>">

<div class="item-details">
post->ID); ?>" rel="bookmark" title="<?php echo get_the_title( $this->post->ID );//$title; ?>"><?php echo get_the_title( $this->post->ID ); //$title; ?>

<div class ="news_headline">
</div>

<?php if (td_util::get_option('tds_category_module_9') == 'yes') { echo $this->get_category(); }?>

<div class="td-module-meta-info">

<div class="media_date">
<span class="td-post-author-name">
<?php if ($hb4 == "News etc"){
echo "{$media}";
}else{
echo $media;
}?>
<span>-</span> </span>
<span class="td-post-date">
<time class="entry-date updated td-module-date"><?php echo $publicationdate; ?></time></span>
</div>

<div class="td-post-content">
<?php if ($hb4 == "News etc"){
echo $country;
}else{
echo $this->get_the_tags();
}?>

</div>

</div>

</div>

<?php echo $this->get_quotes_on_blocks();?>

</div>
<?php return ob_get_clean();
}
}

I still have to work on the CSS, You will notice some of the div names don’t make sense when compared to the fields they contain and some of my previous CSS is now redundant so it needs a tidy up.

I aim to get this done in the next couple days and will then put up a revised and instructional post for the community as promised.

If you spot anything I could improve or have any comments please do let me know.

Best Wishes

Gary

bangokokesports
tagDiv Member

UPDATED: I found that there is an element called ‘single related post’ but unfortunately, the design of it only fit the position after the article.

I want it to have a design like an element called ‘block’ which is more horizontal base. Is it possible?

chucrutehans
tagDiv Member

I am having the same problem! This might help: https://wordpress.org/support/topic/autoptimize-is-blocking-facebook-open-graph/ I will try it now.

theoutliar
Participant
#0

I essentially want to style the block that deals with quotes in the newspaper theme as I think it is too large, how would I go about doing this?

zackariyyaalli
Participant
#0

I don’t know if this is the right place to ask but is it possible to add a text or image under an ad for it to appear if a user has an adblocker? Like this for example https://imgur.com/a/1SUnE4S

ingfab
Participant
#0

which element I have to choose in order to have in the home page a block with : title, image and a little description; and all these three elements have the link to a page? thank you

Savinovnua
tagDiv Member

Hello, when I set the full width of the block in the settings, the full width is not set in the front office! When I set the editor to force width, the block is not displayed in full width too! What to do? Thank you!
https://prnt.sc/oqfbth
https://prnt.sc/oqfc2e
https://prnt.sc/oqfcb3

Vlad S
tagDiv Staff

Hello !

With the new Newspaper update everything you use from a modified demo ( not the default one ) can be edited using the tagDiv Composer. For the header you have the header manager in the composer.

As you can see here, each block has an style tab and in here depending on your block you can have more or less options: https://www.screencast.com/t/j7dJ32CuZ

We do recommend taking a look at our improved documentation for a better understanding of the new features: https://forum.tagdiv.com/newspaper-theme-documentation/

Thank you !

Vlad S
tagDiv Staff

Hello !

Yes, you can create individual pages that are created as you want for each category. The blocks structure are like that. That structure cannot be changed. There are 4 small screens but the posts inside are rotating so it won’t show only 4 posts.

For the shadow I will need a link to provide a custom css code for it.

If you are new to Newspaper Theme we do recommend taking a look through our documentation for a better understanding of all our features and functions: https://forum.tagdiv.com/newspaper-theme-documentation/

Thank you !

Calin
tagDiv Staff

Hi,

Unfortunately I do not quite understand on what elements/blocks you want to use the “Source name” button as a caption for featured image, please provide some more details and some screenshots.

Thank you for your understanding!

linedriedNNK
Participant
#0

What exactly does “the website should be as it was before installing the demo” mean? Does that mean that menus, pages, and posts added AFTER the demo was installed will also be uninstalled? What about Cloud templates? What about reusable blocks? I want to clear the decks of remnant demo styling because it’s not TagDiv compliant and I want to be working with clean slate. But I don’t want to undo the other work.

(I asked this first in a reply to another problem (https://forum.tagdiv.com/topic/uninstall-demo-problem/), then realized I should probably start a new topic.)

Thanks in advance!

linedriedNNK
tagDiv Member

What exactly does “the website should be as it was before installing the demo” mean? Does that mean that menus, pages, and posts added AFTER the demo was installed will also be uninstalled? What about Cloud templates? What about reusable blocks? I want to clear the decks of remnant demo styling because it’s not TagDiv compliant and I want to be working with clean slate. But I don’t want to undo the other work.

Vlad S
tagDiv Staff

Hello !

Those option are editable using the tagDiv Composer. Open your composer and simply click on the block you want to edit. Take a look at this: https://www.screencast.com/t/ZsCiJb2mN

Thank you !

garethvaughan
Participant
#0

Hi

I’ve just installed/purchased your theme and can’t find where to change the colour of the ‘blocks’, main title background colour/border line and hyperlink colours? I’ve checked the object properties and the theme options but no luck.

On your demo page here: https://demo.tagdiv.com/newspaper/ you have various sections and they are green (lifestyle news), grey (house design), black (make it modern) and red (tech and gadgets).

Thanks

Calin
tagDiv Staff

Hi,

If you want to look like this -> block-title then you should add this custom css in theme Panel>Custom code> Custom css -> https://prnt.sc/opwjol
.td-footer-wrap .td-footer-description,
.td-footer-wrap .td-footer-social .block-title
{
display: none;
}

Hope this will help!
Thanks.

urbandigital
Participant
#0

Hey, for some reason when I add this Mailchimp Element to my posts, it doesn’t show the field for the name entry (although it is set as required). When you click on “Anmelden” (sign up) it shows an error because it then requires the name – why cant I fill it in on the posts page in the first place?

Thanks!

screenshot: https://ibb.co/0f26Pd9
post: https://urban-digital.de/digitale-bauleitplanung/
copy & pasted code from mailchimp:

<!– Begin Mailchimp Signup Form –>
<link href=”//cdn-images.mailchimp.com/embedcode/classic-10_7.css” rel=”stylesheet” type=”text/css”>
<style type=”text/css”>
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<style type=”text/css”>
#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
</style>
<div id=”mc_embed_signup”>
<form action=”https://urban-digital.us16.list-manage.com/subscribe/post?u=f359bb2cb644c6453246edfc7&id=db56a5727b&#8221; method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<div id=”mc_embed_signup_scroll”>
<h2>Subscribe</h2>
<div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
<div class=”mc-field-group”>
<label for=”mce-EMAIL”>E-Mail Addresse <span class=”asterisk”>*</span>
</label>
<input type=”email” value=”” name=”EMAIL” class=”required email” id=”mce-EMAIL”>
</div>
<div class=”mc-field-group”>
<label for=”mce-FNAME”>Vor- und Zuname <span class=”asterisk”>*</span>
</label>
<input type=”text” value=”” name=”FNAME” class=”required” id=”mce-FNAME”>
</div>
<div id=”mergeRow-gdpr” class=”mergeRow gdpr-mergeRow content__gdprBlock mc-field-group”>
<div class=”content__gdpr”>
<label>Erlaubnis gemäß DSGVO</label>
<p>Urban Digital wird die Informationen, die Sie in diesem Formular angeben, dazu verwenden, mit Ihnen in Kontakt zu bleiben. Bestätigen Sie bitte auf welchem Wege dieser Kontakt erfolgen darf:</p>
<fieldset class=”mc_fieldset gdprRequired mc-field-group” name=”interestgroup_field”>
<label class=”checkbox subfield” for=”gdpr_2377″><input type=”checkbox” id=”gdpr_2377″ name=”gdpr[2377]” value=”Y” class=”av-checkbox “><span>E-Mail</span> </label>
</fieldset>
<p>Sie können Ihre Meinung jederzeit ändern, indem Sie auf den Abbestellungs-Link klicken, den Sie in der Fußzeile jeder E-Mail, die Sie von uns erhalten, finden können, oder indem Sie uns unter info@urban-digital.de kontaktieren. Wir werden Ihre Informationen mit Sorgfalt und Respekt behandeln. Weitere Informationen zu unseren Datenschutzpraktiken finden Sie auf unserer Website. Indem Sie unten klicken, erklären Sie sich damit einverstanden, dass wir Ihre Informationen in Übereinstimmung mit diesen Bedingungen verarbeiten dürfen.</p>
</div>
<div class=”content__gdprLegal”>
<p>We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp’s privacy practices here.</p>
</div>
</div>
<div id=”mce-responses” class=”clear”>
<div class=”response” id=”mce-error-response” style=”display:none”></div>
<div class=”response” id=”mce-success-response” style=”display:none”></div>
</div> <!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
<div style=”position: absolute; left: -5000px;” aria-hidden=”true”><input type=”text” name=”b_f359bb2cb644c6453246edfc7_db56a5727b” tabindex=”-1″ value=””></div>
<div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</div>
</form>
</div>
<script type=’text/javascript’ src=’//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js’></script><script type=’text/javascript’>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=’EMAIL’;ftypes[0]=’email’;fnames[1]=’FNAME’;ftypes[1]=’text’; /*
* Translated default messages for the $ validation plugin.
* Locale: DE
*/
$.extend($.validator.messages, {
required: “Dieses Feld ist ein Pflichtfeld.”,
maxlength: $.validator.format(“Geben Sie bitte maximal {0} Zeichen ein.”),
minlength: $.validator.format(“Geben Sie bitte mindestens {0} Zeichen ein.”),
rangelength: $.validator.format(“Geben Sie bitte mindestens {0} und maximal {1} Zeichen ein.”),
email: “Geben Sie bitte eine gültige E-Mail Adresse ein.”,
url: “Geben Sie bitte eine gültige URL ein.”,
date: “Bitte geben Sie ein gültiges Datum ein.”,
number: “Geben Sie bitte eine Nummer ein.”,
digits: “Geben Sie bitte nur Ziffern ein.”,
equalTo: “Bitte denselben Wert wiederholen.”,
range: $.validator.format(“Geben Sie bitten einen Wert zwischen {0} und {1}.”),
max: $.validator.format(“Geben Sie bitte einen Wert kleiner oder gleich {0} ein.”),
min: $.validator.format(“Geben Sie bitte einen Wert größer oder gleich {0} ein.”),
creditcard: “Geben Sie bitte ein gültige Kreditkarten-Nummer ein.”
});}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!–End mc_embed_signup–>

Calin
tagDiv Staff

Hi,

1. “when I check only for AMP, the system still generates the full mobile version of the site too (and all the clicks lead not to AMP but to the full mobile version).”
That is happen because the using the mobile theme with amp, the amp will get the mobile theme layout ( for both options amp only or mobile + amp ) also after you click on amp page/post you’ll be redirect to mobile version, the scope of amp is only to provide a fast preview to your web page/post not to navigate on amp results from google.
And yes, you can try others amp plugins, but we can not say for sure if those will work or not properly with our theme, the only one tested with our theme is the one that appear in Newspaper > Plugins -> http://prntscr.com/opwev9

2. Please try to regenerate the thumbs this should fix the problem
Thumbnails – Fix strange looking images on blocks ->https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

3. Unfortunately there are not very much options for mobile theme and amp, all the options can be found in Theme panel>mobile theme -> https://forum.tagdiv.com/the-mobile-theme/
tagDiv AMP Plugin Tutorial -> https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/

Thank you!

Calin
tagDiv Staff

Hi,

If you want you can try this custom cs that should fix the problem http://prntscr.com/opw3bv
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}

And you have to paste the code here: https://www.screencast.com/t/J1Nxw5s5
Or you can make a theme update > https://tagdiv.com/update-newspaper-theme/

Thank you!

LG
tagDiv Member

Hi Vlad,

Ok, after much head scratching and page testing, there is definitely something wrong with my theme.

1) Even if I import a page or section template in tagDiv Composer and do nothing to it, except save and view. None of the rows will display as full width. This is the case in Composer and the page itself.

2) I created a new footer page, using an imported template with a similar layout to my own (1 row/3 columns for the footer, 1 row/2 columns for the sub-footer). I did nothing to it, except set the sub-footer menu and reduce the font size.
– The result: in tagDiv Composer, the columns are stacked in both the footer and sub-footer and neither row shows as stretched. When viewed in situ on a page, the rows and columns behave as they should and align horizontally. Small win…
– For some reason, the last couple of days the import feature isn’t working properly either. When I click the button to import, the confirmation box appears behind the import modal – the only way to click OK is to add display:none to the modal via Chrome Dev Tools.

3) Unfortunately, #2 only works with pages created using tagDiv Composer and WPBakery. Any pages created using Gutenberg, seem to break the footer CSS. The page structure (for the footer section/page) is the same, but some of the same CSS is being overwritten, as it appears to come after in order of specificity. In Chrome Dev Tool, the ‘winning’ styles appear above the ones being overwritten.
– In pages created using tagDiv Composer or WPBakery, I still can’t get any rows to stretch no matter what I do (believe me, I’ve tried!).
– The only way to get stretched rows of any kind, is to build pages using Gutenberg Blocks and plugins. Which is why all of my pages are showing a broken footer, because I had to go back to basics as the other 2 methods are currently unusable.

The solution:
#ti-copyright-footer .td-pb-span6 { width: 50% !important; }

I’ve added the code to the Live CSS window for the footer page and given the row an id, so it won’t conflict with anything else (hopefully). It feels like a bit of a hack, as I’m not a developer and generally wouldn’t mess with the structure of a page, for fear it’ll mess up it’s responsiveness (media queries, etc). I haven’t tested that yet, but it’s nearly 1am, so that’s it for now…

I’m hoping this level of detail might give you a better idea of what’s going on, so that you can help me resolve it properly. I’m not convinced that’s the best fix (it was way too easy), unless you can confirm it won’t effect anything else on the site. Or perhaps you can come up with a cross device/cross platform solution?

Many thanks.

JanStrmiska
tagDiv Member

Thank you Calin,
just your AMP solution doesn’t allow much…
Can I use another AMP plugin built for old Newspaper 8? With Drag & Drop AMP Page builder: https://ampforwp.com/themes/newspaper/
Your system looks pretty closed. It will work together?
Or just enough, can I disable / switch your mobile plugin?
Thanx a lot
Jan

Old asks: 1/ when I check only for AMP, the system still generates the full mobile version of the site too (and all the clicks lead not to AMP but to the full mobile version).
2/ photos in the AMP grid do not exactly fit the format.
https://photos.app.goo.gl/yBAfrA3WayhUzqPn6
here is my test: https://deeptravelinsider.cz/?amp
3/
Can I change the design of the body of the article for the mobile/AMP version? For example, if I don’t want a block with social buttons (or any other design) at the beginning of the text, or an entire section with the author’s name, sharing and categories, etc.

JanStrmiska
tagDiv Member

Hi Calin, thank you very much!
Yet:
1/ when I check only for AMP, the system still generates the full mobile version of the site too (and all the clicks lead not to AMP but to the full mobile version).
2/ photos in the AMP grid do not exactly fit the format.
https://photos.app.goo.gl/yBAfrA3WayhUzqPn6
here is my test: https://deeptravelinsider.cz/?amp
3/
Can I change the design of the body of the article for the mobile/AMP version? For example, if I don’t want a block with social buttons (or any other design) at the beginning of the text, or an entire section with the author’s name, sharing and categories, etc.
Thanx a lot
Jan

Vlad S
tagDiv Staff

Hello !

After you have created your blocks and all the layout of your page you can set up filters to every block in order to see only what categories you want in there: https://www.screencast.com/t/7AHpUjK7y

Thank you !

Jackie C.
tagDiv Member

Hi Vlad,
I afraid that I can’t post new threads.
Am I blocked?
Thanks.

Jackie

Calin
tagDiv Staff

Hi,

1. Yes, this is the way is support to work, not all elements from cloud are templates, some of them are pages.

2. Also for more control over the thumbs on blocks I suggest to use flex blocks -> http://prntscr.com/opfba1

3. Please make sure that all the settings are like in our requirements, please follow the guide carefully
https://forum.tagdiv.com/requirements-for-newspaper/
and please increase all requirements that are lower, and follow all steps.
Make sure that the php version is 7.1 or 7.2 not 7.3 also make sure that the wp-memory is at list 256MB.
Please make sure that you do not have a plugin conflict with untested plugins, please deactivate all non theme/tested plugins, also if you are using child theme, clear all cache and try again.
If the problem persist, please provide some screenshots with this problem.

Thank you!

Viewing 25 results - 14,626 through 14,650 (of 39,816 total)