- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewsmagtagDiv Composer Tutorial
- NewsmagWeather Widget
- NewsmagExchange widget
- NewsmagInstagram widget
- NewsmagHow to use the Visual Composer plugin
- NewsmagIntroduction
- NewsmagFooter templates
- NewsmagCustom ad spots
- NewsmagLoading image effects
- NewsmagSmart sidebar
- NewsmagFeatured images
- NewsmagGeneral settings
- Newsmag7 days post sorting
- NewsmagTheme thumbs
- NewsmagExcerpts introduction
- NewsmagTheme colors introduction
- NewsmagtagDiv slider gallery
- NewsmagVideo playlist
Hi,
Please send an URL to your site so I can check and see this issue, this issue may be because the image you are using is to small.
This are the image size the theme uses: https://forum.tagdiv.com/modules-and-blocks/
Thank you
Hi,
You can add this button next to the social sharing buttons by adding a code
to the td_module_blog.php file like this:
http://screencast.com/t/BpyIu2DzQni
You will then need to customize it to actually call up and email dialogue box or an email client when clicked, unfortunately this needs custom work and we don’t have time to do custom work, if you don’t know how to do it you can hire an professional developer.
After you added the button you can add this CSS in Teheme Panel -> Custom CSS to style it:
.td-sp-share-email {
width: 31px;
height: 31px;
background-position: -20px -1632px;
background-image: url('http://192.168.1.70/wp_demo_009/4/wp-
content/themes/008/images/header/elements-menu.png');
background-repeat: no-repeat;
display: block;
top: 2px !important;
left: 6px;
}
.td-social-email {
background-color: black;
}
@media (max-width: 767px) {
.td-sp-share-email {
top: 3px !important;
left: 3px !important;
}
}
You will get this result:
http://screencast.com/t/wnU8Ud2Lkg9U
Thank you
Hi,
Are you using Disqus plugin? If you are using the Disqus plugin the issue is that disqus disables reviews on product page created by woocommerce, it disables wordpress comments. Please check if you use thsi plugin to disable it and try to see if the issue is still there and if you are not using it then check to se if your wordpress comments are enabled.If you are using Disqus please place the following code into the disqus.php, line 151 (this file is in the root of the plugin’s directory):
//Prevent Disqus from blocking the WooCommerce Review form on product pages.
if ( ‘product’ == get_post_type() ) { return false; }
hope that works.
I’d like more control over what appears in the Similar Article area:
1. Can I select which post tags show an article there?, so not related to the current article.
2. If your suggestion is hide Similar Article box in theme panel and replace with a module block in Post page template, I can’t easily see how to do this, can you help?
3. I would like to be able to change the Header text appearance in a similar way I do to the sidebar widget headers: (black text on white background).
Is any of this this possible ? I found this which might show where changes need to be made:
http://screencast.com/t/OnRRUh5S
Hi,
To decrease the block space at the bottom you cand use this CSS in Theme Panel -> Custom CSS:
.td_block1, .td_block2, .td_block3, .td_block4, .td_block5 {
padding-bottom: 0px !important;
}
For your second question could you be more specific? Please send me a screenshot or your site’s URL so I can take a look?
Thank you
Hi,
1. Add this custom CSS in Theme Panel -> Custom CSS:
.home .td-page-wrap .span8 .block-title span {
font-size: 30px;
}
2. Have you tried to change it from Theme Panel -> Custom Typography like this: http://screencast.com/t/JCdTbFKi9
If this not works use this CSS:
.td_mod3 .entry-title a, .td_mod3 .entry-title {
font-size: 15px !important;
}
Thank you
Hi there!
How can I reduce the space in the bottom of every block?
And I’m having some problems trying a block, show all categories but one or two, which I want to show only in a specific blocks!
Best regards!
Diego
Hi Emil,
Its working for me now. I guess, it wasn’t working because I customized the theme’s font color and size from theme panel.
Thanks!
I used the same thing like you, but its different. See here: http://screencast.com/t/6WG7tOtFk
Hi Emil,
I added the code from my cPanel’s “Edit code” thing (http://screencast.com/t/TexBIAp6i). What do you mean by “don’t copy it inside a text editor, it will get formatation and it won’t work properly”?
I added the code and it is live on the site. Please check and let me know.
By the way, I cleared my browser’s cache but doesn’t seems to be working fine.
Thanks!
@Thakksy
at this point likely good idea to look at your error logs to see WHAT is happening when you get a database connection error. For example, you might have somebody attacking your site and using up resources which is another cause of dbase connection error (it last happened to us during the U S SuperBowl). This means blocking the site(s) which are using up your resources, such as port scan, or loading/scanning all your site resources over and over.
For us the dbase connection issue has always been
1) not enough memory, had to fix this with move to new web server in Dec/Jan – upgrade the “defaults”
2) overload the dbase from some bad search spider hitting the entire site over and over… you can try to “throttle” that – I think there is a directive for robots.txt for Bing and some others (or use IPTables to limit concurrent connections) to say only load one page per minute– but no guarantee it will be followed.
With (2) you can often look at your logs to see WHO is doing bad behavior, or some spider which is using your search engine to troll site for content bits, etc.
Hope that helped a little.
Hi,
I have looked on your page and i didn’t find the code for the comment count. I have tested this and it works fine http://screencast.com/t/p1owcqBoe2h5
I’m not sure why this does not work for you, try to empty the cache.
Thank you
Hi,
1. It is possible with custom modifications, but it’s not an easy task.
2. The sidebar issue is also complicated, you can put some conditions if (is_post()) to target the block only on the post page and another one to exclude the current post from the query. You have to apply those modifications inside the td_block2.php file – http://screencast.com/t/KKGBJB98GsP7
Thank you, Emil G.
Hi,
I have a question regarding the Unique Article System the theme uses.
Is it possible to have this feature site-wide, instead of only on the homepage or another page?
When I click on an article on my site (www.techplanet.nl) it shows the actual article and in the sidebar a list of other articles. It very often occurs that I see the same article twice on the same page. Exactly the thing I want the Unique Article System to avoid!
Proof:
http://goo.gl/LPLSsp
http://goo.gl/Qp5Ke2
http://goo.gl/t5CDHb
The sidebar is custom and is using a Block 2.
Can you please let me know how to solve this?
Thanks you 🙂
Hi!
I added the code but it is still showing the same thing. For you to see what’s the problem, I didn’t remove it. You can check it here.
Thanks!
Hi,
A solution would be to use two sliders on page, one big slider and one normal slider – http://screencast.com/t/KfzBqvWoefBi
Use the same settings for both sliders (same category, sort order), hide the title on the normal slider.
Add a class to the sliders so you can target them in CSS like this:
– http://screencast.com/t/guU3pZYB
– http://screencast.com/t/A6bl2fhI2
Use css to hide the big slider on mobile and the show the normal slider instead (add the following css inside the Theme Panel -> Custom CSS):
@media (min-width: 767px) {
.bs_mobile .td_normal_slide {
display:none;
}
}
@media (max-width: 767px) {
.bs_mobile .td_block_slide_big {
display: none;
}
}
Now there should be 4 posts on desktop and 4 posts on mobile.
Thank you, Emil G.
Hi,
Some of the characters are changed, that’s why it doesn’t display properly.
Add the code directly from the section bellow (don’t copy it inside a text editor, it will get formatation and it won’t work properly).
.image_f {
position: relative;
}
.comments_b10 {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 1;
color: white;
font-size: 15px;
line-height: 0px;
text-align: center;
background-color: rgba(77,178,236,0.9);
}
.comments_b10 p{
padding: 10px 7px 10px 7px;
margin: 0px;
}
.comments_b10:after {
position: absolute;
bottom: -8px;
right: 0;
left: auto;
content: "";
width: 7px;
height: 8px;
background-color: transparent;
background-repeat: no-repeat;
background-position: -8px -87px;
background-image: url(http://cdn3.vox-cdn.com/images/verge/sprites/ribbongles.v51a515f.png);
}
Also modify the code like this – http://screencast.com/t/9d4ERmebSP
<div class="image_f"><?php echo $this->get_image('art-big-1col'); ?>
<div class="comments_b10"><p><?php echo get_comments_number($this->post->ID)?></p></div></div>
Thank you, Emil G.
Hi,
1. You can import this predefined syles like this:
– http://screencast.com/t/yLOZrUAt
– http://screencast.com/t/qLSTINIg
Do you use the default template? – http://screencast.com/t/e4Itye2zr
You can target h1, h2, h3 with custom css (add the css inside the Theme Panel -> Custom CSS):
h1 {
color: red;
}
h2 {
color: red;
}
h3 {
color: red;
}
But this will affect all h1, h2, h3 titles on the site, you have to add a specific class to target them only on the pages/posts you want.
2. I belive you are reffering to the featured image. The feature image can be removed like this: https://forum.tagdiv.com/how-to-hide-the-featured-image-on-post/
3. You can delete the code (or modify it) from the td_module_blog.php – http://screencast.com/t/ZiGcAU70s
You can find code for the other buttons above it, modify them to behave the way you want.
4. If you don’t use pagination or load more / infinite load options edit your home page and enable the “Unique articles” option like this: http://screencast.com/t/pUaAtaYg
If you use pagination configure blocks to display different categories.
Thank you, Emil G.
Hi!
Here is how it looks like: http://screencast.com/t/EkOAnBpSz
Also, I am not sure why or how it happened but it looks very different now (although the code is same). Can you please fix this?
Thanks!
Hi Marcus, thank you.
I found another CSS solution that may help not touching the source file.
/* Limit breacrumbs characters */
.entry-crumbs {
-o-text-overflow: ellipsis; /* […] Opera */
text-overflow: ellipsis; /* […] IE, Safari (WebKit) */
overflow: hidden; /* don’t show excess chars */
white-space: nowrap; /* force single line */
width: 600px; /* fixed width */
}
livingsmarttv,
Yes it is possible to not crop and only scale images. It gets a bit tricky with this theme though because it is set to crop every image(except the featured.)
In the functions.php file, you will find somewhere around line 320:
//featured image
$td_crop_features_image = td_util::get_option('tds_' . 'crop_features_image');
if ($td_crop_features_image == '') {
add_image_size('featured-image', 700, 0, true);
} else {
add_image_size('featured-image', 700, 357, true);
}
//the small thumbnails
set_post_thumbnail_size( 100, 65, true );
add_image_size('art-thumb', 100, 65, true);
//small height, 1 col wide
add_image_size('art-wide', 326, 159, true);
//medium height 1 col wide
add_image_size('art-big-1col', 326, 235, true);
//the slides
add_image_size('art-slide-small', 326, 406, true);
add_image_size('art-slide-med', 700, 357, true);
add_image_size('art-slide-big', 1074, 483, true);
//big slider - big image
add_image_size('art-slidebig-main', 745, 483, true);
//the gallery
add_image_size('art-gal', 210, 210, true);
Notice that TagDiv has built in the ability to turn cropping on or off on the featured image based on a setting in the theme panel, but you are asking for all of them.
add_image_size('featured-image', 700, 0, true);
In the line above, it is the ‘0’ argument that tells wordpress to adjust the height based on the aspect ratio of the image after it is scaled. To analyze the code a little more, what is happening with the ‘featured-image’ image size is that if them theme is not set to crop option then the ‘featured-image’ will be scaled to 700px wide and left to be however tall the image is. If you select the crop option, it will be scaled to 700px wide and then cropped to 357px tall.
You would need to look at which block(s) you are using and then determine which module the block is using to tell what image size it is. For example, let’s say your block uses td_module_2.php.
In that file, line 13 reads: <?php echo $this->get_image('art-big-1col'); ?>
If we look above at the functions.php entry, we see: add_image_size('art-big-1col', 326, 235, true); This means that if you upload a 1280×720 image, this will resize it’s width and crop it’s height to 235 pixels. If the scaled down image height is less than 235px tall, then it will scale the height to 235px and crop the width to 326px. This is not what you want. Rather, perhaps something like this: add_image_size('art-big-1col', 326, 0, false); This will take the image and scale to 326px wide and let the height be what it will be.
If you want make these changes so that updates to the theme will not break it, then you need to copy the image size declarations out of the theme’s functions.php file and put them in your child theme’s functions.php file and change the options. You might try something like this:
//featured image
$td_crop_features_image = td_util::get_option('tds_' . 'crop_features_image');
if ($td_crop_features_image == '') {
add_image_size('featured-image', 700, 0, false);
} else {
add_image_size('featured-image', 700, 357, false
}
//the small thumbnails
set_post_thumbnail_size( 100, 0, false );
add_image_size('art-thumb', 100, 0, false);
//small height, 1 col wide
add_image_size('art-wide', 326, 0, false);
//medium height 1 col wide
add_image_size('art-big-1col', 326, 0, false);
//the slides
add_image_size('art-slide-small', 326, 0, false);
add_image_size('art-slide-med', 700, 0, false);
add_image_size('art-slide-big', 1074, 0, false);
//big slider - big image
add_image_size('art-slidebig-main', 745, 0, false);
//the gallery
add_image_size('art-gal', 210, 0, false);
By setting all the height arguments to 0, we tell WordPress to always use the full height of an image relative to the horizontal scaling and by changing ‘true’ to ‘false’ we enable ‘soft crop mode’ vs ‘hard crop mode.’ Soft crop mode ensures your images will maintain their aspect and not have any cropping. Note, the 0 setting will make it so that any image uploaded that is not 16×9 aspect will be scaled and output at it’s own aspect ratio. This can break styling, but if you only upload 16×9 images it will be fine.
You would need to either re-build your current thumbnails or upload some new images to see if this fixes your problem(or creates others)
There are lots of gotchas here, and I certainly didn’t give you a definitive answer, but perhaps what I did say will help you figure out what combination of options will solve your problem.
Good luck!
Hi,
Can you show me a picture so I can see exactly what happened?
Thanks
Hi,
Block 6 uses module 9 and block 7 uses module 2, go to Theme Panel -> Excerpts and change the value for those modules.
Thank you
Good morning. I’m using these 2 blocks and I’d like to increase the default amount of words and/or characters of the excerpts. How can I do it without editing functions.php?
Is there an option in the Theme Panel or any compatible plugin to use?
Thanks
Hi,
1. Please send an email at contact@tagdiv.com with your wp-admin username and password so I can check this issue, also specify the issue or send an URL to this topic.
2. The homepage layout is store in the database, you can read more about child theme here: https://forum.tagdiv.com/child-theme-documentation/
3. You can do it by editing the block and in the “Multiple categories filter” add the category id with a minus like this: http://screencast.com/t/sSDzzIVV
Thank you