- TutorialsDefault Block Settings Guide
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Can we use the code to just change the hyperlinks with underlines without the block content?
Dear @catalin,
I already change the heading module title on homepage into H2. But I want title block on sidebar still H3. Now, they are all H2 after the changes.
Hello,
You can use a code similar to this one that affects all the links on posts and pages.
.td-post-content a, .td-main-page-wrap a {
text-decoration:underline!important;
}
The problem with this however is that it will affect all links including blocks like so:
https://www.screencast.com/t/fXxnTeT7i71
That is why it is problematic changing link styles as there are lots of links all around a website.
In order to target just specific links, the proper way to do it is to wrap all the links you want affected by the change in a div tag like for example:
<div class="customlink"> --add link here--</div> and then you can use css like so to only target the specific links that have these tags:
.customlink a{
text-decoration:underline!important;
}
you can also add a background-color or a color to the link or a font size and it will only affect the links inside of the div.
Thank you!
Hello,
The design you mention is a custom css added to the block 15 of the business demo. Each demo will have such elements that are only available when installing that particular demo. You cannot import just specific parts of a demo unfortunately.
Thanks.
Hello,
For that block, the author has been removed as a styling choice.
If you want to re-enable the author, please remove the comment lines like so:
https://www.screencast.com/t/uDAl5C93Nxe6
Thank you!
I’d noticed that when we use the TD Composer to set up certain blocks, when images are used I cannot find a way to change the size of the image shown. For example, I’m using covers of a book, but the blocks do not show the whole image within the container. How do I change that?
Just adding to the above to show you what I did.
<div class="td-container">
<?php echo do_shortcode('[td_block_big_grid_mob_1 sort="featured"]'); ?>
to
<div class="td-container">
<?php echo do_shortcode('[td_block_big_grid_mob_1 sort="rand"]'); ?>
Hi Simion,
For this block .. I want to show Author name next to Date
Can you help me how can I show that
Thanks in Advance
Hello,
Yes it is possible as there is a scroll to class section in the tagdiv composer.
Here is an example for a button: https://www.screencast.com/t/WNWrLTjm
I added the ‘mycustomclass’ to the field and I need to add the class to the block where I want to scroll to – like so: https://www.screencast.com/t/gYQMXF9OCwVG
Thank you!
Hello Simion,
I think the problem is because ‘Author Box’ selects the avatar looking trough ‘user email’ variable, and we are using same email for contributors.
In ‘page-author-box.php’ I found this:
<?php echo get_wp_user_avatar($part_cur_auth_obj->user_email, '96'); ?>
And we changed for this:
<?php echo get_wp_user_avatar($part_cur_auth_obj->user_id, '96'); ?>
So I imagine we can do the same for ‘Author Box’, but I don’t know where is that block template.
Thanks.
Is there a way to edit the default sidebar? I want to change the header title and the posts they show. They are currently “Hot News” and “Most Popular” from the demo template. Can you edit these blocks similar to how you edit the elements in tagdiv composer? or do I need to create a custom sidebar?
And I add one thing to my previous comment : There is a “featured” sort order choice in the filter of the blocks, where can I decide which post will be in this filter?
Hello,
I would like to make the pagination like in one of your demos: https://demo.tagdiv.com/newsmag_food/ The pagination is befor the Block tile and mine are currently under the blocks.
And how can I put the social counter next to the posts like here? https://screenshots.firefox.com/ap0WMB1lm2gpwkGX/demo.tagdiv.com
Is there a way to remove the background behind the block titels? https://screenshots.firefox.com/vJUDRyZIM7XQgloU/aspi.lau-rammstein.de
Thanks!
Laura
Hello josinc,
If you want to display the date for your Block 15, you should edit the td_module_mx4.php and add the following snippet of the code here -> https://www.screencast.com/t/SVukoRDOz
If you want to display the category tags for your Block 16, you should turn on the settings from Theme panel for module mx7 from here -> https://www.screencast.com/t/CbJKqSrI
The results can be seen here -> https://www.screencast.com/t/wYvwOWZvOU88
Thanks for your understanding!
Hello,
I am facing a problem here.
I use Block 15 for my home page, but it does not show the date.
Now I tried Block 16, but it does not show the category tags.
My requirement is this, I need to show both date and category tag for such a block.
Is it possible some how?
-Josin
Hello crazydiver,
Notice that our theme has two possibilities to be displayed on mobile. The default one is General Responsive Mobile and with Mobile Theme plugin. The first one will display the exact layout from the desktop in responsiveness mode and the second one, Mobile Theme will display a certain layout for mobile as you can see in our documentation from here -> https://forum.tagdiv.com/the-mobile-theme/ -> https://www.screencast.com/t/yzdjJUZ4W If you want to change something like this from here you can do it from the code. Also, if you will choose the first way, it’s enough to set up your blocks with your desired filter and the mobile responsiveness will display the same results but on mobile.
Thanks for the message!
Is it possible to customize via Cloud Templates to make all blocks according to our requirements
we want to add Newsletter widget to sidebar
Well, it doesn’t…
Here’s what I’ve tried. Took the code from the JS Snippet tab (both JS and HTML codes) and inserted in the plugin Embedded Form Code area.
Took only the JS part from the JS Snippet tab.
Took only the HTML part from the JS snippet tab.
Took the HTML from the HTML code tab.
Nothing works. But it works when as you suggested I add the code in a text element.
Here’s the code :
JS Snippet tag
<!-- MailerLite Universal -->
<script>
(function(m,a,i,l,e,r){ m['MailerLiteObject']=e;function f(){
var c={ a:arguments,q:[]};var r=this.push(c);return "number"!=typeof r?r:f.bind(c.q);}
f.q=f.q||[];m[e]=m[e]||f.bind(f.q);m[e].q=m[e].q||f.q;r=a.createElement(i);
var _=a.getElementsByTagName(i)[0];r.async=1;r.src=l+'?v'+(~~(new Date().getTime()/1000000));
_.parentNode.insertBefore(r,_);})(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');
var ml_account = ml('accounts', '1194458', 'k2v6k3i0v0', 'load');
</script>
<!-- End MailerLite Universal -->
<div class="ml-form-embed"
data-account="1194458:k2v6k3i0v0"
data-form="942194:c8z5g9">
</div>
HTML code tab
<style type="text/css">
#mlb2-942194.ml-form-embedContainer {
box-sizing: border-box;
display: table;
height: 100%;
margin: 0 auto;
position: static;
width: 100% !important;
}
#mlb2-942194.ml-form-embedContainer h4,
#mlb2-942194.ml-form-embedContainer p,
#mlb2-942194.ml-form-embedContainer span,
#mlb2-942194.ml-form-embedContainer button {
text-transform: none !important;
letter-spacing: normal !important;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper {
background-color: #f6f6f6;
border-width: 0px;
border-color: #e6e6e6;
border-radius: 4px;
border-style: solid;
box-sizing: border-box;
display: inline-block !important;
margin: 0;
padding: 0;
position: relative;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 400px; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 400px; width: 100%; }
#mlb2-942194.ml-form-embedContainer .ml-form-align-left { text-align: left; }
#mlb2-942194.ml-form-embedContainer .ml-form-align-center { text-align: center; }
#mlb2-942194.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; }
#mlb2-942194.ml-form-embedContainer .ml-form-align-right { text-align: right; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
height: auto;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
padding: 20px 20px 0 20px;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
padding-bottom: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
margin: 0 0 20px 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
color: #000000;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 400;
margin: 0 0 10px 0;
text-align: left;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
color: #000000;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px 0;
text-align: left;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
color: #000000;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
color: #000000;
text-decoration: underline;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
margin: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
margin: 0;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
margin: 0 0 20px 0;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
margin: 0;
padding: 0 0 20px 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
margin: 0 0 10px 0;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
margin: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
margin: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
background-color: #ffffff;
color: #333333;
border-color: #cccccc;
border-radius: 4px;
border-style: solid;
border-width: 1px;
font-size: 14px;
line-height: 20px;
padding: 10px 10px;
width: 100%;
box-sizing: border-box;
max-width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder { color: #333333; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder { color: #333333; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder { color: #333333; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder { color: #333333; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
height: 42px;
}
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
background-color: #ffffff;
color: #333333;
border-color: #cccccc;
border-radius: 4px;
border-style: solid;
border-width: 1px;
font-size: 14px;
line-height: 20px;
padding: 10px 10px;
width: 100%;
box-sizing: border-box;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
background-color: #000000;
border-color: #000000;
border-style: solid;
border-width: 1px;
border-radius: 4px;
box-shadow: none;
color: #ffffff !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px !important;
font-weight: 700;
line-height: 20px;
padding: 10px !important;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
background-color: #333333;
border-color: #333333;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
display: inline-block;
float: left;
margin: 1px 0 0 0;
opacity: 1;
visibility: visible;
appearance: checkbox !important;
-moz-appearance: checkbox !important;
-webkit-appearance: checkbox !important;
position: relative;
height: 14px;
width: 14px;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
color: #000000;
display: block;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
padding-left: 25px;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
font-weight: normal;
margin: 0;
padding: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
color: #000000;
text-decoration: underline;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
color: #000000 !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 18px !important;
margin: 0 5px 0 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:first-letter {
color: #000000 !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
font-weight: normal !important;
line-height: 18px !important;
padding: 0 !important;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
margin: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
margin: 0 0 20px 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
background-color: #000000;
border: none;
border-radius: 4px;
box-shadow: none;
color: #ffffff !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px !important;
font-weight: 700;
line-height: 20px;
padding: 10px !important;
width: 100%;
box-sizing: border-box;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
background-color: #333333;
}
.ml-subscribe-close {
width: 30px;
height: 30px;
background: url(https://bucket.mlcdn.com/images/default/modal_close.png) no-repeat;
background-size: 30px;
cursor: pointer;
margin-top: -10px;
margin-right: -10px;
position: absolute;
top: 0;
right: 0;
}
.ml-error input {
background: url(https://bucket.mlcdn.com/images/default/error-icon.png) 98% center no-repeat #ffffff !important;
background-size: 24px 24px !important;
}
.ml-error .label-description {
color: #ff0000 !important;
}
.ml-error .label-description p {
color: #ff0000 !important;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
color: #ff0000 !important;
}
@media only screen and (max-width: 400px){
.ml-form-embedWrapper.embedDefault { width: 100%!important; }
.ml-form-formContent.horozintalForm { float: left!important; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
.ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
}
</style>
<div id="mlb2-942194" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-942194">
<div class="ml-form-align-center ">
<div class="ml-form-embedWrapper embedForm">
<div class="ml-form-embedBody ml-form-embedBodyHorizontal row-form">
<div class="ml-form-embedContent">
<h4>Newsletter</h4>
<p>Signup for news and special offers!</p>
</div>
<form class="ml-block-form" action="https://app.mailerlite.com/webforms/submit/c8z5g9" data-code="c8z5g9" method="post" target="_blank">
<div class="ml-form-formContent horozintalForm">
<div class="ml-form-horizontalRow">
<div class="ml-input-horizontal">
<div style="width: 100%;" class="horizontal-fields">
<div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">
<input style="width: 100%;" type="email" class="form-control" data-inputmask="" name="fields[email]" value="" placeholder="Email">
</div>
</div>
</div>
<div class="ml-button-horizontal">
<button type="submit" class="primary ">Subscribe</button>
</div>
</div>
</div>
<input type="hidden" name="ml-submit" value="1">
</form>
</div>
<div class="ml-form-successBody row-success" style="display: none">
<div class="ml-form-successContent">
<h4>Thank you!</h4>
<p>You have successfully joined our subscriber list.</p>
</div>
</div>
</div>
</div>
</div>
<script>
function ml_webform_success_942194() {
var $ = ml_jQuery || jQuery;
$('.ml-subscribe-form-942194 .row-success').show();
$('.ml-subscribe-form-942194 .row-form').hide();
}
</script>
<script src="https://static.mailerlite.com/js/w/webforms.min.js?v03ee2804ef2f008535475a5d62f02f94" type="text/javascript"></script>
Hi,
There are a couple of blocks that do not display thumbnails by default
– https://demo.tagdiv.com/newspaper/block-9/
– https://demo.tagdiv.com/newspaper/block-10/
For others they could be hidden with CSS as you tried, or the actual modules could be edited and remove the thumbnail from there
– https://www.screencast.com/t/cwK5bbud
Most theme blocks are intended to display thumbnails. Not displaying one may result in the block not having a proper design.
That code you mention should work however for block 11, like this
– https://www.screencast.com/t/xMtlUvMPu4yz
Once entered in Theme panel->Custom CSS for example, it will affect all blocks 11.
Thanks
Hello berchman,
Unfortunately, the theme does not have any such an option that allows you to sort order these elements (block titles), sorry! You should do it manually when you add your blocks.
Thanks for the message!
Hello WakeUpCallProject,
Try to make a new clean install to another subdomain for testing, clear all the caches and check the results. Use only the required plugins which come bundled with the theme core files and check the results. All the themețs blocks should work.
Thanks for your understanding!
Example of Text Ad:
This is just a simple text advertisement.
where only: “Simple Text Advertisement” is hyperlinked.
Requirements:
I want this text advertisement only on the homepage.
On clicking the Ad, it must open on a New WINDOW or New TAB.
I should be able to change the Font Size.
It should have a border of 1px.
It should have a block title of “Advertisement”.
Placing the Ad just above the td-demo-footer-menu.
Website: https://www.smartykidsparenting.com
I hope you understand my requirements.
Best Regards,
Hi,
I’ve buy the Newspaper Theme to use in a specific kind of project.
This project doesn’t need images in the module or block. How can i disable it?
I tryed this code for block 11, but it doesn’t works.
.td_block_11 .td-module-thumb{
display:none;
}
.td_block_11 .item-details{
margin-left:1px!important
}
.td_block_11 .td_module_10 .entry-title{
padding-left: 1px;
}
.td_block_11 .td_module_10 {
padding-bottom:5px
}
Hello,
I am using the next prev ajax pagination to display 6 posts in a block 5 element. It works fine when using “page builder + blank template” page settings. When I set the page back to default template (displays header and footer), I loose functionality. The button selection next or prev refreshes the page keeping the same 6 posts. None of the pagination options will work.
Hi Catalin,
Thanks for your reply. What I want to do is change the order the categories are displaying.
Right now on the homepage below the sliders each category displays the latest posts.
The categories are in a blue rectangle with a rule across. The order right now is:
Technology
Business
Insurance and the Law
FAA History
Use Cases
Op-Ed
I want to move Op-Ed to the top of this list. I’ve looked through the block controls in the theme panel and don’t see a way to change the order of these categories displaying on the home page.
Hope that helps explain it a bit better. Let me know if that is possible inside the theme controls, or do I use a 3rd party plugin, etc?
Thanks!
